/*types de body*/
.fond_mer{background-image:url(images_site/degrade_vertical_marine_ciel2.jpg); background-repeat: repeat; width: 100% font-family: arial;}
.carte {color:#215E21; background-color: #ACDCF3; text-align:center;}
.fond {color:#215E21; background-color: #8AA9D8; text-align:center;}
.tarif { background-color:#A9D4FF; background-repeat: repeat; width: 100% font-family: arial;}


/*types de liens*/
a {color:#3E387A; text-decoration: none;}/*bleu foncé*/
a:visited {color:#236B8E; text-decoration: none;}/*turquoise trčs foncé*/
a:hover {color: #8D1C16; font-style: italic; border: none;}/*orange doux*/
a img {border: none;}
/*liens des classes*/
.defilant a {color:#238E68; text-decoration: none;}/*turquoise*/
.defilant a:visited {color: #215E21; text-decoration: none;}/*turquoise trčs foncé*/
.defilant a:hover {color: #FF1CAE; font-style:italic; border: none;}/*orange doux*/

/*AJOUTE POUR PLAN DE SITE*/
.proportionnelles15 {
margin: 1em 15%;
background-color:transparent  ;
border:inherit ;
padding: 0.5em ;
text-align : justify
}
.encadre_alterne
{border: #C9C9C9 1px solid;background-color: #F9F9F9;padding: 1ex;margin-bottom: 1ex;position: relative;}
.gris{color:#D1D1D1;}
.footer {text-align : center; font-weight: normal;}

.footer a { /* Les liens qui ne sont pas sous le curseur. */
	color: #D1D1D1;
	text-decoration:none;
	font-weight: normal;
	font-family:Arial,Verdana;
}
.footer a:hover { /* Les liens lorsque le curseur est dessus. */
	color: #D1D1D1;
font-style: normal;
	text-decoration:none;
	font-weight: normal;
	font-family:Arial,Verdana;
}
.footer a:visited { /* Les liens visit&eacute;s. */
	color: #D1D1D1;
	text-decoration:none;
	font-weight: normal;
	font-family:Arial,Verdana;
}



/*FIN AJOUT PLAN DE SITE*/



marquee {direction: left; height: 30px; width: 100%; scrolldelay: 10; }


table { border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

table.monTableau td {/*padding: 2px; width: 190px; background-color: #FDF8DD; text-align: center; align: middle;application du padding &agrave; tout une classe de tableau*/

}

.reseau{color: #434047; font-weight: bold; text-align: center; align: middle; border: 2px inset blue;
font-family: arial; font-size: 11px; background-color:;}
.reseau a{color:#808080; text-decoration: none;}
.reseau a:hover {color: #434047; text-decoration: underline; font-style: normal;border: none;}
.reseau td { padding: 1px;background-color:;}

.reseau2{color: #434047; font-weight: bold; text-align: center; align: middle; font-size: 9px; border: 0px inset blue;}


.milieu td {border: none; padding: 0;
}

.menu td {padding: 5px;/*en css padding remplace cellpadding, non reconnu par interpanet exploseur*/
}

.contenu td {border: 0px solid yellow; padding: 1px;
}

.pied2 td {border: 3px solid red; padding: 0px; align: center;/* Toutes les cellules des tableaux type en_tete*/
}
.pub td {border: 2px solid black; padding: 1px; align: center;/* Toutes les cellules des tableaux type pub*/
}
.partenaire {padding: 2px; text-align: center; align: center;}
.partenaire td {padding: 2px; text-align: center; align: center;}

.tarif td :{border: 3px outset;}

.vcentre td{valign : top}

.menu td :hover {}



.page {
	width: 97%;
	_width: 96%;
	text-align: left;
	margin-left: 0.2%;
	_margin-left: 0.1%;
	margin-right: auto;
 border: 0px solid green;
}
/*texte jaune sur la page contact*/
.info{color: red;
}
/*texte jaune promo*/
.milieu info{color: yellow; text-align:center
}
.en_tete {color: #3E387A; font-weight: bold; text-align: center; align: center; border: 1px solid #23238E; 
}
.en_tete td {border: 1px solid #23238E; padding: 2px; valign: bottom;/* Toutes les cellules des tableaux type en_tete*/
}

.defilant {border: none;
}

.milieu {color: green; font-weight: bold; text-align: center; align: center; border: 0px solid #FF7F00;
}

.schema {color: green; font-weight: bold; text-align: center; align: center; valign : center; border: 0px solid #FF7F00;
}

.menu {border: 0px outset; 
}
.jaune{color: #FF2AS00; font-size: 14px;
}
.contenu {color: black; font-weight: normal; text-align: center; align: center; border: 0px outset;
	font-family: aerial, verdana, helvetica, aerial; 
	font-size: 13px;
}
.tarif {color: blue; font-weight: normal; text-align: center; align: center; border: 0px outset;
	font-family: aerial, verdana, helvetica, aerial; 
	font-size: 13px;
}
.tarif2 {color: blue; font-weight: normal; text-align: center; align: center; border: 0px outset;
	font-family: aerial, verdana, helvetica, aerial; 
	font-size: 16px;}
	.tarif2 a {color:#8D1C16; text-decoration: none;}/*bleu foncé*/
.tarif2 a:visited {color:#red; text-decoration: none;}/*turquoise trčs foncé*/
.tarif2 a:hover {color: yellow; font-style: italic; border: none;}/*orange doux*/

.pub {color: black; text-align: center; align: center; background-color:#CCFFCC;
font-family: arial; font-size: 15px; 
}

.pied {color: white; font-weight: bold; text-align: right; align: right;
font-family: arial; font-size: 11px;
}
.pied_centre {color: white; font-weight: bold; text-align: center; align: center;
font-family: arial; font-size: 11px;
}
.pied2{text-align: center; align: center;
}

.petit {color: black; font-weight: bold; text-align: center;
font-family: arial; font-size: 11px;}


.justifie{text-align: justify;
}


/* Espaceur de blocs utilisation: <br class="nettoyeur" />*/
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }

/* Non visible a l'ecran */
.bandeau{ text-align: center; position: absolute; top: 45em; height: 1%; }
.bandeau2{ text-align: center; position: absolute; top: 150em; height: 1%; }

/* µµµµµµµµµµµµµµµµµµµµµµµµµµµµµSTYLE ALBUM POUR CARTES ACCES ET SCHEMAS CARACTERISTIQUES TECHNIQUES µµµµµµµµµµµµµµµµµµµµµµµµµµµµµµµµµµ*/

.coted, .coteg {display:block;position:absolute;top:150px;}
/* hack IE5 \*/
.coted, .coteg { top: 50% }
/* fin IE5 */

.coted { right: 10px; }
.coteg { left: 10px; }
.coted img, .coteg img {}
.coted: hover img, .coteg: hover img {}


.cote_gauche {
background-color:; 
width:15%; 
padding:1px; 
float:left;
text-align:center;
margin: 1px;
}
.cote_droit {
background-color:; 
width:15%; 
padding:1px; 
float:right;
text-align:center;
margin: 1px;
}
.centre {
background-color:; 
padding:5px; 
margin: 5px;
}



