/* reset  merci a http://freehtml5templates.com pour le template */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}


/*@font-face {
    font-family: 'alpha_echoregular';
    src: url('alpha_echo-webfont.eot');
    src: url('alpha_echo-webfont.eot?#iefix') format('embedded-opentype'),
         url('alpha_echo-webfont.woff') format('woff'),
         url('alpha_echo-webfont.ttf') format('truetype'),
         url('alpha_echo-webfont.svg#alpha_echoregular') format('svg');
    font-weight: normal;
    font-style: normal;

} */


body {
line-height: 1;
background: #fff;
background-color: #FFFF99;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#FFFF99));
background: -moz-linear-gradient(top, #fff 0%, #FFFF99 100%);
font-family: 'Droid Sans', sans-serif;
color: #000000;
font-size: 15px;
line-height: 18px;
}
	
/* layout */

#wrapper {
width: 940px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #0067a2;
background: #0067a2;

}

nav {
width: 900px;
height: 40px;
margin: 0 ;
margin-left: 35px;
background-color: #0067a2;

}

#main {
width: 940px;
margin: 0 auto;
padding-top: 30px;
background-color: #fff ;
background-repeat: repeat-y;
overflow: hidden;
}

#content {
float: right;
width: 600px;
margin-right: 20px;

}


#sidebar {
float: left;
padding-left: 20px;
width: 250px;
}

footer {
width: 940px;
margin: 0 auto;
clear: both;
}


.bloc-reseausociaux { 
    width:200px;
	text-align: center;
 
}

/* basics */





h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
color: #000000;
}


a:link, a:visited {
color:#1D48B5;
}

a:hover, a:active {
color: #333;
}

p {
margin-bottom: 18px;
}

li {
padding-left: 5px;
}



/** HEADER */

header {
padding: 0 0 0 0;
background-color: #0067a2;
}

header>h1 {
float: left;
margin: 0 0 18px 10px;
width: 600px;
font-size: 60px;
font-weight: normal;
font-family: 'Droid Sans', sans-serif;
line-height: 1em;
}

header>h1 a {
color: #333;
text-decoration: none;
text-shadow: 0px 2px 3px #555;
}

header>h2 {
color: #777;
clear: right;
float: right;
font-style: italic;
font-size: 14px;
margin: 14px 10px 18px 0;
}

/** ARTICLES **/
article img {
border: none;
}

#content p, ul, ol, hr {
margin-bottom: 24px;
}

#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}

#content h1, h2, h3, h4, h5, h6 {
color: #333;
margin: 0 0 20px 0;
line-height: 1.5em;
}

article h2 {
font-size: 20px;
color: #F00;
font-weight: bold;
text-shadow: 0px 2px 3px #ddd;
}

article h3 {
font-size: 14px;
color: #00F;
font-weight: bold;
}


.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;

}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/* sidebar and footer widget blocks */

aside img {
border: 0px;
}


aside h2 {
font-size: 20px;
color: #F00;
}

aside h3 {
font-size: 20px;
color: #000;

}

aside h4 {
font-size: 11px;
color: #000000;
text-shadow: 0px 2px 3px #000;
}

aside h6 {
font-size: 9px;
color: #ffffff;
font-weight:normal;
}

aside h5 {
font-size: 12px;
color: #000000;
font-weight:normal;
}





aside ul {
list-style: circle;
color: #bbb;
margin: -15px 0 15px 25px;
}

#footer-area {
background: #0067a2;
color: #FFF;
font-size: 90%;
padding: 18px 0;
overflow: hidden;
/* curved border radius */
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

.footer-segment {
float: left;
margin-right: 20px;
margin-left: 20px;
width: 400px;
}

footer aside h4 {
color: #faf0e6;
font-size: 17px;
line-height: 1.5em;
}

footer ul {
list-style: none;
margin: -15px 0;
}

footer a:link, footer a:visited {
color: #EFD198;
}

footer a:hover { 
text-decoration: underline; 
}

footer p {
margin-top: -15px;
color: #faf0e6;
}

footer aside h6 {
color: #faf0e6;
font-size: 10px;
line-height: 1.5em;
}



/* form */


form {
  padding:2px;
  }
 

 
 form p {
 color: #000;
 font-size: 12px;
 font-weight:bold
 }
 
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #DF3F3F;
 }
 
legend {
 color: #F00;
 font-size: 14px;
 font-weight:bold
 }
 
label {
 margin-top:10px;
 display:block;
 color: #03F;
 font-size: 12px;
 }
 
label.inline {
 display:inline;
 margin-right:50px;
 }
 
input, textarea, select, option {
 background-color:#fff;
 }
 
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:550px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
 
select {
 margin-top:10px;
 }
 
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
 
 input[type=image] {
 width:200px;
margin-top:10px;
 }
 
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }



/* table dans site cree */

.Tableau span {
   display:inline;
   float:left;
   margin:0px;
   padding:3px;
  }
.Tableau p {
   clear:left;
   text-align:center;
   vertical-align:middle;
   display:inline-block;
   margin:0px;
   padding:0px;
   height:100% !important; height:1em;
  }

.Tableau span.col1 {width:400px}
.Tableau span.col2 {width:200px}
.Tableau span.col3 {width:90px}


/* menu deroulant */



#menuDeroulant
{
	background-color: #0067a2;
	margin: 0;
	padding: 0;
	font-family: 'Droid Sans', sans-serif;
	font-size: 17px;
	font-weight:bold;
	
	
	}
	
#menuDeroulant li
{
	float: left;
		margin: 0;
	padding: 5px;
	border: 0;
	list-style-type: none;
	font-family: 'Droid Sans', sans-serif;
	font-size: 17px;
	

			
	}
	
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	width: auto;
	height: auto;
	border-radius: 2px;
	color: #FFFFFF; 
	background-color: #0067a2; 
	border: 0px solid  #FFFFFF;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	text-align:; 
	vertical-align : middle; 
	
		font-family: 'Droid Sans', sans-serif;
	font-size: 17px;
	
	
	
}
#menuDeroulant li a:hover { background-color: #8ab1dd;
color: #000000; }
#menuDeroulant li a:active { background-color: #0067a2;
color: #FFFFFF; }



#menuDeroulant .sousMenu
{
	
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
		position:absolute;
	text-align:left; 
	
}
#menuDeroulant .sousMenu li
{
	
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	
	text-align:left; 
	}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
font-size: 17px;
	display: block;
	height: auto;
	width: auto;
	border: 0px solid  #FFFFFF;
	color: #FFFFFF; 
	background-color: #0067a2; 
	padding: 10px;
	text-decoration: none;  
	text-align:left; 
	font-weight:bold;
	
}
#menuDeroulant .sousMenu li a:hover
{
	background-color: #8ab1dd;
color: #000000;
}

#menuDeroulant li:hover > .sousMenu { display: block; }	


/* dans le content */



div#contenu {
	width:100%;
	max-width:600px;
	height:auto;
	}
	
	div#blocnews {
	float:right;
	width:auto;
	height:150px;
	padding:10px;
	height:auto;
	width:auto;
	}
	
	div#blocnews2 {
	float:left;
	width:50%;
	height:150px;
	height:auto;
	width:auto;
	background-color:#FF3300;
	margin-left: 15px;
  margin-top: 200px;
		
	}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
	
	IMG.displayed2 {
    margin-left: auto;
    margin-right: auto }
	
	
	
	div#sens {
   width:100%;
	max-width:600px;
	height:auto;
	text-align:center;
	
}

	div#galerie {
   width:100%;
	max-width:600px;
	height:auto;
	text-align:center;
	
}


/* bouton */

a.menu { display:inline; margin-top:5px; text-align: center; width:14ex;
border-width:3px; padding:10px; font-family: 'Droid Sans', sans-serif; font-size: 14px;color:#FFFFFF; background-color:#0067a2; text-decoration:none; font-weight:bold;}

a.menu:link { color:#FFFFFF; background-color:#0067a2; text-decoration:none; }
a.menu:visited { color:#FFFFFF; background-color:#0067a2; text-decoration:none; }
a.menu:hover {  color:#000000; background-color:#8ab1dd; text-decoration:none; }
a.menu:active { color:#68873D; background-color:#0067a2; text-decoration:none; }