html { -webkit-font-smoothing: antialiased; }

body
{background-color: #eae8e5; /* Le fond de la page sera beige */
 background-image: url("images/background.png");
 background-repeat: no-repeat;
 background-position: center top; }
 
	.container 
	{width: 950px; margin: 0 auto; }
	
	h1, h2, h3, h4, h4 a, h5, h6, nav
	{/*reset for mobile browsers */font-weight: normal;}
	
	header
	{margin-bottom: 15px;
	 width: 100%;
	 float: left;}
	
	h1,
	.titre a {
		color: #242424;
		font-size: 32px;
		font-family: Rockwell;
		font-style: normal;
		margin: 5px 0 0 0;

	}
	
	#page h1	{
	color: #258dff;	
	font-size: 15px;
	line-height: 15px;
	}
	
	.titre {
	float: left;
	margin-top: 10px;
	}
	
	.titre a {
	text-decoration: none;
	}
	
	.titre .retour_accueil {
	display: inline-block; width: 100%;
	color: #242424;
	font-size: 14px;
	font-family: Rockwell;
	font-style: normal;
	margin: 0; 
	}
	
	.scindtitre
	{font-size: 30px;}
	
	h2
	{color: #242424;
	font-size: 14px;
	font-family: Rockwell;
	font-style: normal;
	margin: 0; }
	
	h3
	{color: #547d14;
	font-size: 13px;
	font-family: Trebuchet MS;
	font-weight: bold;
	line-height: 10px;}
	
	h4, h4 a
	{font-size: 15px;
	 text-decoration: none;
	 color: white;
	 text-shadow: 1px 1px black;
	 font-family: Myriad Pro;
	 margin: 0;
	 padding: 5px 0 0 15px;
	 background: url("images/bottom_caroussel.png") no-repeat;
	 height: 30px;}
	 
	#titre_page
	{color: #415c7a;
	font-size: 18px;
	font-family: Rockwell;
	padding: 1px 0 0 14px;
	background: url("images/titre-caroussel.png") no-repeat;
	height: 27px;}
	
	h6, h6 a
	{color: white;
	 margin: 0;
     text-decoration: none;
	 line-height: normal;
	 font-family: Trebuchet MS;
	 font-size: 12px;
	 padding: 4px 0 0 5px;
	 background: url("images/bottom_encart.png");
	 background-repeat: no-repeat;
	 height: 49px;
	 width: 203px;}
	 
	 h6 :hover
	 {color: #b6b6b6;}
	


	
nav
{ font-family: Trebuchet MS; font-size: 14px; text-align: center; float: right;}
nav ul
{ list-style-type: none outside none; }
nav li
{ display: inline-block;  margin-right: 30px; }
nav a
{ color: #6c6c6c; text-decoration: none; height: 20px; padding-top: 35px; width: 50px; float: left; }
nav a:hover
{ color: black;}

nav li.home a
{background: transparent url("images/home01.png") no-repeat center top;}
nav li.home a:hover, nav li.home a.on
{background: transparent url("images/home02.png") no-repeat center top;}
nav li.profil a
{background: transparent url("images/profil01.png") no-repeat center top;}
nav li.profil a:hover, nav li.profil a.on
{background: transparent url("images/profil02.png") no-repeat center top;}
nav li.blog a
{background: transparent url("images/blog01.png") no-repeat center top;}
nav li.blog a:hover, nav li.blog a.on
{background: transparent url("images/blog02.png") no-repeat center top;}
nav li.contact a
{background: transparent url("images/contact01.png") no-repeat center top;}
nav li.contact a:hover, nav li.contact a.on
{background: transparent url("images/contact02.png") no-repeat center top;}

section {float:left; width:627px; }

section #carrousel
{margin-top: 5px;}
section #carrousel .slide
{float: left;}

section #carrouselNav
{ position: absolute;
  top: 398px;
  margin: 0 0 0 276px;}
#carrouselNav a { width: 37px; height: 39px; float: left; }
#carrouselNav a.prev { background: transparent url("images/fleche_droite1.png") no-repeat right top; }
#carrouselNav a.next { background: transparent url("images/fleche_droite1.png") no-repeat left top;}
#carrouselNav a.prev:hover { background: transparent url("images/fleche_gauche1.png") no-repeat right top; }
#carrouselNav a.next:hover { background: transparent url("images/fleche_gauche1.png") no-repeat left top;}

.caroufredsel_wrapper { overflow:hidden; float:left;}

.desc, .desc a
{font-family: Trebuchet MS; font-size: 13px; width: 597px; color: white; padding: 20px 15px; background: black ;}

section #détail
{font-family: Trebuchet MS; font-size: 13px; font-weight: bold; line-height: 15px; padding : 3px 8px; }
section #détail:hover
{font-family: Trebuchet MS; font-size: 13px; font-weight: bold; width: 130px; height: 15px; 
 box-shadow: inset 0px 2px 2px #4b565f; background: #89ac52; padding : 3px 8px; border-radius : 3px 3px;}


#refs
{	font-family: Trebuchet MS;
	line-height: 25px;
	float: right;
	width: 270px;}
#refs ul
{ list-style: none outside none; margin: 0;}
#refs li
{	background: none repeat scroll 0 0;
	transition-duration: 0.3s, 0.3s;
	transition-property: background-color, padding-left;
	transition-timing-function: linear, ease-out; }	
#refs a
{	font-size: 13px;
	color: black;
	text-decoration: none; }
#refs a:hover, #refs a.on
{	color: white;
	padding: 3px 10px 3px 30px;
	background: none repeat scroll 0 0 #9cc857;
	transition-duration: 0.3s; }

#encarts
{text-align: center;
 margin-top: -20px;}

.encart_1, .encart_2, .encart_3, .encart_4, .encart_5, .encart_6
{display: inline-block;}
#contenu
{float: left;
 text-align: left;
 width: 203px;
 height: 149px;
 margin : 10px 0 ;
 line-height: 0;
 font-size: 11px;
 color: #b2b2b2;
 font-family: Trebuchet MS;}
 
 #tag
 {	bottom: 26px;
    padding: 0 0 0 10px;
    position: relative;}
 
.foot_container 
{	float:left;
	margin: 20px 0;
	font-size: 13px;
	font-family: Trebuchet MS;
	width:100%;  }
	
#title_footer
{	color: #4e642b; font-size: 18px; font-family: Rockwell; padding: 1px 0 0 14px;
	background-image: url("images/tilte_footer.png"); background-repeat: no-repeat; height: 27px;}
	
#liens_hlines, #liens_autres
{ color: #547d14; font-weight: bold; font-family: Trebuchet MS;font-size: 13px; display : inline-block; margin: 15px;}
#liens_hlines ul, #liens_autres ul
{ list-style-type: none; padding: 0;}
#liens_hlines li, #liens_autres li
{ margin-top: 0px;}
#liens_hlines a, #liens_autres a
{ font-size: 13px; color: #555555; line-height: 25px; padding : 3px 10px; padding-bottom: 3px; text-decoration: none; transition-duration: 0.3s; transition-property: background; }
#liens_hlines a:hover, #liens_autres a:hover, #liens_hlines:focus, #liens_autres:focus
{ color: #496819; line-height: 25px; font-weight: bold; padding : 3px 10px;  background: #9fc169;}

#contact
{	float: right;
	color: #555555;
	line-height: 0px;
	font-weight: bold;
	font-family: Trebuchet MS;
	margin-right: 155px;}
#contact ul
 {list-style-type: none; }
#contact a
{	color: #555555;
	padding-bottom: 3px;
	text-decoration: none;
	transition-duration: 0.3s;
	transition-property: background;
	background: #d2d2d2;
	padding: 3px 10px 3px 0; 
	border-radius : 3px 3px;}
#contact a:hover, #contact:focus
{	color: #496819;
	font-weight: bold;
	padding : 3px 10px 3px 0; 
	border-radius : 3px 3px;
	background: #9fc169; }

.black
{color: black;
font-weight: bold;}

.blue
{color: #258dff;
font-weight: bold;}

.obligatoire
{color: red;}

#page
{background: url("images/background_profil.png") repeat;
 float: left;
 width: 467px;
 margin-top: 5px;
 padding: 35px 80px 40px 80px;
 color: #5e5e5e;
 text-align: justify;
 font-family: Trebuchet MS;
 font-size: 13px;
 border-bottom: 4px #258dff solid;}

#page_profil a, #page_ref a,#page_contact a
{color: #258dff;
text-decoration: none;}

#page_profil a:hover, #page_ref a:hover,#page_contact a:hover
{color: #547d14;}
	
#page_contact
{float: left;
 font-family: Trebuchet MS;
 color: #646464;
 height: 330px;}
	
input
{opacity: 0.5;
 font-family: Trebuchet Ms;
 width: 300px;
 height: 20px;}
 
textarea
{opacity: 0.5;
 font-family: Trebuchet Ms;
 font-size: 13px;
 width: 300px;
 height: 150px;
 vertical-align: top;}

.submit_button
{opacity: 1;
color: #808080;
background-color: #d2d2d2;
text-align: center;
text-shadow: 1px 1px 0 #efede9;
font-weight: bold;
font-family: Trebuchet MS;
border: medium none;
cursor: pointer;
width: 80px;
height: 20px;
padding-bottom: 4px;
border-radius : 3px 3px;}

.submit_button:hover
{	color: #496819;
	text-shadow: 1px 1px 0 #b4dd74;
	border-radius : 3px 3px;
	padding-bottom: 4px;
	background: #9fc169;
	transition-duration: 0.3s;
	transition-property: background; }
 
	
#links
{background: url("images/bottom_footer.png") no-repeat bottom left;}
	
#footer
{text-align: center;}
#footer ul
{list-style-type: none;}
#footer li
{	margin: 0px 40px 0 0;
	display: inline-block;}
#footer a
{font-size: 13px; color: black; font-weight: bold; text-decoration: none;}
#footer a:hover
{color: #547d14; font-weight: bold;}