/* ========  GENERAL ========= */

body {
	background-color: 	 #fdfdfd;
	height: 		  	 100%;
	margin: 		 	 0 auto;
	padding: 		 	 0;
	text-align:      	 center;
	font-family: 	  	 Arial, Helvetica, sans-serif;
	font-size: 		  	 12px;
	background-image: 	 url(images/fond.jpg);
	background-repeat:   repeat-y;
	background-position: center;	
}

img {
	display: inline;
	border:  none;
}

#prechargement {
	display:none;
}

#prechargement img {
	display:none;
}
/* ========  CONTENEUR ========= */

#conteneur {
	background-color: #ffffff;
	width: 			  968px;
	height: 		  auto;
	margin:			  0 auto;
	padding: 		  0;
	text-align: 	  left;
}

/* ========  HEADER ========= */

#header {
	margin: 		  0 auto;
	padding: 		  0 0 0 30px;
	height: 		  217px;
}

/* ========  BLOC GAUCHE ========= */

#bloc_gauche {
	width: 		      264px;
	padding: 		  0;
	margin: 		  0 0 0 30px;	
	float: 			  left;
}

#citation{
	width:            264px;
	min-height:	  	  250px;
	margin:			  0;
	padding: 		  0;
	background: 	  #eceded url(images/accueil/quote.png) no-repeat 20px 20px;
}

#recif_titre {
	font: 	     italic 18px Georgia, "Times New Roman", Times, serif;
	color:       #904098;
	width :      150px;
	padding: 	 40px 0 0 25px;
	line-height: 25px;
}

#recif_texte {
	font:  		 italic 13px Georgia, "Times New Roman", Times, serif;
	color: 	     #6D6F71;
	width :  	 150px;
	padding: 	 0 0 0 25px;
	line-height: 25px;
}

#recif_auteur {  
	font:  	       italic 10px Georgia, "Times New Roman", Times, serif;
	color : 	   #A7A9AC;
	float: 		   right;
	padding-right: 20px;
}

#video_aquarium{
	width:            264px;	
	background-color: #f0f1f1;
	height:	  	 	 230px;
	margin:			  0;
	padding: 		  0;
	color:     		  #231F20;
	text-align:		  center;
}

#chapotot {
	font-size:   14px;
	font-weight: bold;
	padding-top: 15px;
}

#video_texte{
	font-size: 10px;
}

#contact {
	height: 	  	  120px;
	width:            264px;
	background: 	  #282423;
	text-align:       center;
	font-size:        18px;
}

#contact a:link, #contact a:visited, #contact a:visited  {
	line-height:     70px;
	width:           264px;
	color:           #ffffff;  
	text-decoration: none;
}

#contact a:hover  {
	line-height:     70px;
	width:           264px;
	color:           #6D6F71;  
}


#devis {
	background-color: #86c2ca;
	height: 	 	 200px;
	width:            264px;
	text-align:		  center;
	color: 	   		  #4D4D4F;
	font-size: 		  13px;
}

#devis1 {
	padding:     15px 15px 15px 50px;
	height:      45px;
	background:  url(images/accueil/chevron_marron.png) no-repeat 15px 15px;
	text-align:  left;		
}

.devis_gras {
	color:       #1a171b;
	font-size:	 17px;
	margin-top:	 13px;
	margin-left: 10px;
}

.devis_souligne {
	margin-right:  15px;
	font-size:	   13px;
	line-height:   21px;
	border-bottom: 2px solid #b18147;
}

.chevron2 {
	width:     		 170px;
	height: 		 21px;
	background: 	 url(images/accueil/petit_chevron.png) no-repeat right center;	
	text-align: 	 right;	
	padding:   	     5px 17px 0 0;
}

.chevron2 a:link, .chevron2 a:visited, .chevron2 a:active  {
	width:           190px;
	text-decoration: none;
	color:     	     #4D4D4F;
	font-size: 	     13px;
	border-bottom:   2px solid #FFFFFF;
	text-align: 	 left;
}



#devis2 {
	padding:    15px 15px 0 55px;
	height:     70px;
	background: url(images/accueil/chevron_marron.png) no-repeat 15px 15px;
	text-align: left;	
}

#devis3 {
	padding:     0 35px 0 50px;
	text-align:  left;		
}


/* ========  BLOC DROITE ========= */

#bloc_droite {
	margin: 		  0;
	min-height:	  	  200px;
	float: 			  right;
 	width:  		  674px; 
}

#aquarium {
	padding: 		  0;
	margin: 		  0;
	height: 		  220px;
	float: 			  left;
}

#contenu {
	width:       647px;
	float:       left;
	padding:     20px 0 0 20px;
	font-size:	 13px;
	color:       #8A8C8E;
	line-height: 20px;
}

#contenu strong, #contenu bold {
	font-weight: bold;
	color: 		 #0071A2;
}


#titre {
	background: url(images/accueil/fleche_bleue.jpg) no-repeat left center;
	height: 	48px;
}

h1 {
	padding-left: 35px;
	color:        #0071A2;
	font-size:    17px;
	font-style:   italic;	
	font-weight:  normal;
	width:        550px;
	line-height:  25px;
}

h2 {
	padding: 	 0 0 10px 0;
	margin:  	 0;
	font-weight: bold;
	font-size:   16px;
	color:       #7E8082;
	width: 		 135px;
}

#nemo {
	float:   right;
	width:   126px;
	height:  159px;
	padding: 0 0 0 20px; 
}

#vivant {
	width: 	          305px;
	border-right:     2px solid #b18147;
	margin-top:       30px;
	padding-right:    20px;
	float:            left;
}

#partenaires {
	margin-top: 30px;
	text-align: center;
}

#aquariums {
	width:  200px;	
	float:  left;
	margin: 30px 0 0 20px;
}

#aquarium_offre {
	padding-bottom:    10px;
	border-bottom:     2px solid #b18147;
}

.aquarium_sur_mesure {
	color:     #0071A2;
	font-size: 17px;
}

#aquarium_technique {
	padding-top:       10px;
}

/* ========  MENU ========= */

#menu {
	width:  		  647px;
	height: 		  58px;
	float: 			  left;
	text-align:		  center;
}

#menu a:link, #menu a:visited, #menu a:active {
	color: 			 #ffffff;
	font-size: 		 14px;
	font-weight: 	 bold;
	text-decoration: none;
	padding-top:     25px;
}

#menu a:hover {
	text-decoration: none;
}

#menu_prestations a{
	width: 			   181px;
	height:			   58px;
	background-image:  url(images/accueil/prestations.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_prestations a:hover{
	width: 			   181px;
	height:			   58px;
	background-image:  url(images/accueil/prestations_h.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_prestations a:active{
	width: 			   181px;
	height:			   58px;
	background-image:  url(images/accueil/prestations_c.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_realisations a{
	width: 			   158px;
	height:			   58px;
	background-image:  url(images/accueil/realisations.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_realisations a:hover{
	width: 			   158px;
	height:			   58px;
	background-image:  url(images/accueil/realisations_h.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}


#menu_realisations a:active{
	width: 			   158px;
	height:			   58px;
	background-image:  url(images/accueil/realisations_c.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_presse a {
	width: 			   138px;
	height:			   58px;
	background-image:  url(images/accueil/presse.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_presse a:hover {
	width: 			   138px;
	height:			   58px;
	background-image:  url(images/accueil/presse_h.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_presse  a:active{
	width: 			   138px;
	height:			   58px;
	background-image:  url(images/accueil/presse_c.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_vertus a{
	width: 			   170px;
	height:			   58px;
	background-image:  url(images/accueil/vertus-aquarium.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_vertus a:hover{
	width: 			   170px;
	height:			   58px;
	background-image:  url(images/accueil/vertus-aquarium_h.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

#menu_vertus a:active{
	width: 			   170px;
	height:			   58px;
	background-image:  url(images/accueil/vertus-aquarium_c.jpg);
	background-repeat: no-repeat;
	float: 			   left;
}

/* ========  FOOTER ========= */
#calage {
	clear: both;
	padding-top: 20px;
}


/* ========  FOOTER ========= */
#footer {
	padding: 10px;
	height: 70px;
	clear: 			  both;
	text-align: 	  center;
	width: 			  907px;
	margin:			  0 auto;
	padding: 		  0;
	font-size: 		  12px;
}

#menu_footer {
	width: 			  907px;
	color: #8a8c8f;
	border-bottom:    #c6a275 solid 1px;
	padding: 		  10px 0;	
}

#menu_footer a:link, #menu_footer a:visited, #menu_footer a:active {
	color: 			 #8a8c8f;
	font-size: 		 12px;
	text-decoration: none;
	padding: 		 0 5px 0 5px;
}

#menu_footer a:hover {
	text-decoration:  underline;
}

#sous_footer {
	color:            #8a8c8f;
	font-size: 		  11px;
	padding: 		  10px 0;	
}

#sous_footer a:link, #sous_footer a:visited, #sous_footer a:active {
	color:            #8a8c8f;
	text-decoration:  none;
}

#sous_footer a:hover {
	color:            #8a8c8f;
	text-decoration:  underline;
}
/* ========  REFERENCEMENT ========= */

#referencement {
	width: 	   907px;
	margin:    0 auto;
	padding:   0;
	font-size: 10px;
	color: 	   #8a8c8f;
}

#referencement a:link, #referencement a:visited, #referencement a:hover, #referencement a:active {
	color: 			 #8a8c8f;
	text-decoration: none;
}

#referencement {
	width: 	   907px;
	margin:    0 auto;
	padding:   0;
	font-size: 10px;
	color: 	   #8a8c8f;
}

#referencement a:link, #referencement a:visited, #referencement a:hover, #referencement a:active {
	color: 			 #8a8c8f;
	text-decoration: none;
}