/* DEFAUT */
body { margin:0; padding:0; background:#93cede; }
div, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
h1, h2, h3, h4, h5, h6, p, ul, li, a, span, figure, label { font-family:Verdana, Open Sans, Tahoma, Arial, sans-serif;margin:0; padding:0; color:#333; }

/****** STYLES GENERAUX ********/
h1 { font-size:3em; font-weight:normal; font-variant:small-caps; letter-spacing:5px; padding-top:10px; }
h2 { font-size:1.3em; font-weight:normal; font-variant:small-caps; margin:10px 10px 10px 20px; }
h3 { font-size:1em; margin:10px 0 10px 20px; }
h4 { font-size:1em; margin:10px 0 10px 20px; color:#69c; }
p,li,span { font-size:0.9em; margin:10px 10px 5px; }
p { margin-left:20px; }
p img { margin:10px; }
ul, ol { padding-left:1em; }
li { padding-bottom:10px; margin-left:1em; }

a { text-decoration:none; font-weight:bold; color:orange; }
a:hover { color:#069; }
a img { border:0; }  /* IE6 : RESET border bleue */

/***********************/

@media screen and (max-width: 750px) {
	#wrapper { width: 650px; }
	.section_side { width:350px; }
	.section_side, p, blockquote { clear:both; }
	blockquote  { margin:0 auto; }
	#nav  { height:30px; }
	#nav  a { display:inline; padding:0px 10px; }
}


#wrapper { width:100%; }
#top { width:80%; margin:0 auto; border-bottom:2px solid #05617b; }

#wrapper, #top { background: #49a5bf; /*  BLEU lagon foncé */ }

/********* MENU principal **********/
div#nav  {  	width:100%;
			height:50px;  
			line-height:50px;
}
#nav a { 	float:left; display:inline-block;			
			color:white; 
			font-weight:bold; 
			font-variant:small-caps; 
			border-left:1px solid #ddd;
			padding:0px 10px;
			border-radius:0 0 7px 7px;
	
		background: rgba(73,165,191,1);
		background: -moz-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,165,191,1)), color-stop(59%, rgba(117,189,209,1)), color-stop(100%, rgba(147,206,222,1)));
		background: -webkit-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
		background: -o-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
		background: -ms-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
		background: linear-gradient(to bottom, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
		/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede', GradientType=0 ); */
}
#nav  a:hover { 	text-decoration:none;
				text-shadow:0 3px 3px #000;
				background:rgb(147,206,222);
				-moz-transition: all 0.2s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
				transition: all 0.2s ease-in;
				color:white;
}
#nav a.accueil { border:none; margin-left:0px; 
				padding-left:53px; width:60px;
				background:url(../img/icon_home.png) left no-repeat;
}
#nav a.accueil:hover { 
					/* background:url(../img/icon_home_over.png) left no-repeat; */
					background-color:rgb(147,206,222);
					-moz-transition: all 200ms ease-in;
					-webkit-transition: all 200ms ease-in;
					-o-transition: all 0.2s ease-in;
					transition: all 0.2s ease-in;		
}

#social { float:left; }
#social a { background:none; border:none; padding:2px 5px 0 5px; }
#social a:hover { background:none; }
#social a:hover img { box-shadow:2px 2px 5px #369; }
#social img { border-radius:6px; }



#header { /* 'headerLogo', 'headerTitle' */
	float:left;
	width:70%; /* MATCHER avec margin #social */
}
h1.headerTitle { padding-top:30px; margin-left:20px; color:white; text-shadow:3px 3px 2px #369; }
h2.headerSubTitle  { margin-top:5px; font-weight:normal; color:white; }

/*
#headerRight { /* 'headerBaseline' 
	float:right;
	width:25%;
	position:relative;
	top:50px;
} */
h3.headerBaseline { 
	float:right; 
	width:25%;
	padding-top:50px; 
	text-align:center;  
	color:white; 
}


					
/********** DIV de CONTENU de chaque PAGE **********/
#content { 	padding:20px;
			background:#eee;
			background:url(../img/ondes.jpg);
			border-radius:5px;
}

div#section_text  { 	margin:15px auto; 
					width:80%;
					padding:30px; 	
					box-shadow:5px 5px 15px #999;
					border-radius:5px; 
					background: #fff;
					
/*					
 -khtml-opacity:.90; 
 -moz-opacity:.90; 
 -ms-filter:"alpha(opacity=90)";
  filter:alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);
 
					/* opacity:0.9; NOK W3C Validator
					filter:alpha(opacity=90); /* IE8 and earlier */
}

div.section_side { float:left; width:420px; }

blockquote { 	float:right; 
			width:350px;
			margin:30px 10px 50px;
			font-family: Times New Roman, serif; 
			font-style:italic;
			text-align:center;
			font-size:1.5em; 
			color:#666;
}
blockquote span { font-family: Times New Roman, serif; }

					
div.bloc_competences { 	float:left; width:420px;
						margin:10px; padding:20px; 
						border:1px dotted #666; border-radius:5px; 
						background:linear-gradient(#fff, #eee);
}
ul.inline li { display: inline-block; }


div.bloc_formations { 	float:left; width:420px;
						margin:10px; padding:20px; 
						border:1px dotted #666; border-radius:5px; 
						background:linear-gradient(#fff, #eee);
}


div.bloc_experiences li {	margin-top: 15px; }
div.bloc_experiences span { margin-right:40px; }



/* div.hobby  { float:left; width:460px; } par 2, 920px */
div.hobby_sub { 	float:left; width:380px; padding:15px; margin:20px 20px 20px 40px; 
				background:#666; 
				box-shadow:5px 5px 10px #666; 
				border-radius:5px;
				
}
div.hobby_sub p, .hobby_sub img { margin:10px; color:#eee; }
div.hobby_sub img { border:2px solid #ffd; }

.hobby_sub h3 { 
	margin:10px; padding:10px; 
	box-shadow:2px 2px 3px #666; 
	color:#fff; 
	background: #49a5bf; 
	background: -moz-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,165,191,1)), color-stop(59%, rgba(117,189,209,1)), color-stop(100%, rgba(147,206,222,1)));
	background: -webkit-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -o-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: linear-gradient(to bottom, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede', GradientType=0 ); */
}
.hobby_sub a:hover { color: white; text-shadow:3px 3px 2px orange; }


/******* STYLES PARTAGES - DESIGN *******/
.flt_l { float:left; } 
.flt_r { float:right; }
.clear { clear:both; }


img.border { border: 1px solid #666; }

.small { font-size:0.9em; }
.big_quotes { font-size:1.5em; color:white; font-style:italic;}

.columns {  /* CSS 3  */
       -moz-column-count: 2;
    -webkit-column-count: 2;
        -ms-column-count: 2;
         -o-column-count: 2;
            column-count: 2;
}

/* SIDEBAR verticale, page ACCUEIL */
#sidebar_right {  
    float: right;
    width: 160px;
    margin: 10px 0 20px 0;
    padding: 15px;
    border-left: 1px solid #69c;
}


/***** FORMULAIRE *****/

form { margin-top:20px; }
div.form_col_1, div.form_col_2 { float:left; margin:0 auto; width:450px; }

label, input { float:left; height:25px;}
label { width: 150px; }
input { width: 180px; }

fieldset, label, input, textarea { margin:0 10px 10px 0; }
textarea {
    display: block;
	float:left;
    width: 340px;
    height: 200px;
}
.submit { width:80px; margin-left:40px; color:#369; font-weight: bold; }
.reset { width:80px; margin-left:90px; color:orange; font-weight: bold; }


/************* FOOTER **************/
#footer {
    height:80px;
	padding:5px;
	border-top:2px solid #27839d;
	background: rgba(73,165,191,1);
	background: -moz-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,165,191,1)), color-stop(59%, rgba(117,189,209,1)), color-stop(100%, rgba(147,206,222,1)));
	background: -webkit-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -o-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: linear-gradient(to bottom, rgba(73,165,191,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede', GradientType=0 ); */
}

#footer_center { width:80%;	margin:0 auto; }

#mentions {
	float:left;
	padding-top:5px;
}
#mentions p { float:left; margin:20px 10px; color:white; }

#w3c_valid {
	float:right;
	padding-top:5px;
}