/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

.titre{
font-family: Arial, Helvetica, Verdana;
font-size: 2.2em;
font-weight: normal;
color:#333333;
border-bottom:1px solid #CCC;
display:block;
}
.soustitre{
font-family: Arial, Helvetica, Verdana;
font-size: 1.7em;
font-weight: normal;
color:#CCC;
display:block;
}
.titreParagraphe{
font-family: Arial, Helvetica, Verdana;
font-size: 1.5em;
font-weight: bold;
color:#268BE0;
border-bottom:1px solid #CCC;
display:block;
}
.oceazur{
font-family: Arial, Helvetica, Verdana;
font-size: 1.3em;
font-weight: bold;
color:#268BE0;
}
.petit{
font-size: 0.8em;
font-weight:bold;
color:#999;
}

.sous_titre2{
	color:#4699D2;
	font-size:14px;
	font-weight:bold;
}

.titre_gras{
	color:#4699D2;
	font-weight:bold;
	line-height: 20px;
}

#container #contenu ul.liste1 li{
	margin:0px 0px 0px 20px;
	list-style-image:url(../images/charte/puce1.jpg);
}

#container #contenu ul.liste1 .sans_puce{
	list-style-image: none;
}

#container #contenu ul.liste1{
	margin-bottom:10px;
}

a{
color:#999999;
text-decoration:none;
}
a:hover{
	color:#EC7624;
	text-decoration:underline;
	
}

.mail_link  {
text-decoration: none;
border:none;
}

#implantations{
width:182px;
padding:0px 10px 0px 10px;
margin-top:10px;
float:left;
}
.formcontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FFF;
	border: 1px solid #268BE0;
}


/***************************** Rénovation de piscine ************************/
.bloc{
	width:810px;
	height:160px;
	padding:5px 0px 5px 0px;
}
.legende{
	float:left;
	width:145px;
	height:104px;
	margin:0px 15px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #0361A5;
	font-weight:200;
	text-align:center;
}
.legende img{
	float:left;
	width:100px;
	margin:5px 15px 5px 23px; 
	text-align:center;
}
.structuregd{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #ff0000;
	font-weight:600;
}
.structure{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ff0000;
	font-weight:200;
}
.etancheitegd{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #055488;
	font-weight:600;
}
.etancheite{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #055488;
	font-weight:200;
}
.techniquegd{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #009948;
	font-weight:600;
}
.technique{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #009948;
	font-weight:200;
}
.accessoiregd{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #6600DE;
	font-weight:600;
}
.accessoire{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #6600DE;
	font-weight:200;
}
.securitegd{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #ff6000;
	font-weight:600;
}
.securite{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #ff6000;
	font-weight:200;
}

.sous_titre1{
	color:#246588;
	font-size:18px;
	font-weight:bold;
}

#container #contenu span.sous_titre3{
	color:#EC7624;
	font-size:14px;
	font-weight:bold;
}

#container #contenu .bloc_lien{
	float:left;
	width:240px;
	height:58px;
	background:url(../images/charte/bg_liens.gif) no-repeat;
	margin:10px 20px 10px 0px;
	padding:6px;
	color:#3781B3;
	text-align:center;
}
#container #contenu .bloc_lien img{
	margin-right:10px;
}
#container #contenu .bloc_lien a{
	color:#3781B3;
	font-weight:bold;
}


/***************************** Réalisation ************************/
.blocrea{
	width:810px;
	height:160px;
	padding:5px 0px 5px 0px;
}
.legenderea{
	float:left;
	width:150px;
	height:160px;
	margin:0px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #0361A5;
	font-weight:600;
}
.legenderea img{
	float:left;
	width:150px;
	margin:5px 0px 5px 0px; 
}
.legenderea a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; 
	opacity:1.00;

}
.legenderea  a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; 
	opacity:0.70;
}

/************** Encart actualité ****************/
.actu{
	float:right;
	width:201px;
	margin:10px 0px 10px 10px;
	/*border-bottom:1px solid #4699D2;
	background:#E4E3E2;*/
}


#container .top_actu{
	width:201px;
	height:37px;
	background:url(../images/charte/actualite.gif) no-repeat;
}

#container .contenu_actu{
	width:201px;
	background:url(../images/charte/contenu_actu.gif);
	background-repeat:repeat-y;
	text-align:center;
}

#container .bas_actu{
	width:201px;
	height:13px;
	background:url(../images/charte/bas_contenu.gif) no-repeat;
}

#container .contenu_actu p{
	margin-top:0px;
	padding-top:0px;
}

.titre_actu{
	background:#A6A4A5;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
/*.img_actua{
	float:left;
	width:215px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:10px;
	border:solid 1px #E2E2E2;
	background-color:#FFFFFF;"
}*/
.zone_img{
	width:200px;
	text-align:center;
	/*background-color:#FFFFFF;*/
	padding:5px;
}

#container .contenu_actu img{
	border:solid 1px #ffffff;
	margin:5px;
}

.img_actua{
	border:solid 1px #ffffff;
	/*float:left;
	width:215px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:10px;*/
	
	
}

#container p.zone_titre{
	padding:5px 10px 0px 10px;
	text-align:center;
	font-weight:bold;
	color:#333333;
	margin-bottom:0px;
}

.zone_txt{
	padding:0px 10px 10px 10px;
	text-align:justify;
}

#container #contenu p.lien_actu{
	text-align:right;
	margin-bottom:0px;
	padding-bottom:0px;
}

#container #contenu .table_accueil tr td a{
	color:#246588;
	font-style:italic;
	font-weight:bold;
}


/************** Rajout ****************/

.titre2 {  color: #EC7624}
.liens {  color: #3481B2}

#moncadre {
width:180px;
padding:10px;
background-color:#E4E3E2;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

.interligne {
	line-height: 1.5;
}

.rouge{ color:#FF0000}

/************** Encart essai ****************/

#actu2{
	float:right;
	width:201px;
	margin:10px 0px 10px 10px;
	/*border-bottom:1px solid #4699D2;
	background:#E4E3E2;*/
}


.top_actu2{
	width:201px;
	height:37px;
	background:url(../images/charte/point-presse.gif) no-repeat;
}

.contenu_actu2{
	width:201px;
	background:url(../images/charte/contenu_actu.gif);
	background-repeat:repeat-y;
	text-align:center;
}

.bas_actu2{
	width:201px;
	height:13px;
	background:url(../images/charte/bas_contenu.gif) no-repeat;
}

.contenu_actu2 p{
	margin-top:0px;
	padding-top:0px;
}

.titre_actu2{
	background:#A6A4A5;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.zone_img{
	width:200px;
	text-align:center;
	/*background-color:#FFFFFF;*/
	padding:5px;
}

#container .contenu_actu2 img{
	border:solid 1px #ffffff;
	margin:5px;
}

.img_actua{
	border:solid 1px #ffffff;
	/*float:left;
	width:215px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:10px;*/
	
	
}

#container p.zone_titre2{
	padding:5px 10px 0px 10px;
	text-align:center;
	font-weight:bold;
	color:#333333;
	margin-bottom:0px;
}

.zone_txt2{
	padding:0px 10px 10px 10px;
	text-align:right;
}



/************** Point Presse ****************/

# article {
float:left;
}

#article p {
width:640px;
margin-left:5px;
}

#article image p a {
padding-top:20px;
}

/************** Page actualité ****************/

#moncadre2 {
text-align:center;
margin:auto;
width:170px;
padding:5px;
background-color:#E4E3E2;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}