/* styles www.antilles-voile.fr */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body {
	margin-top: 0px;
	font-size: 13px;
	text-align: center;
	background-color: #ffffff;
	color: #000000;
	font-family: verdana,sans-serif;
}
h1 {margin: 3px 0px 10px 10px;font-size: 9px; color:#ffffff}
h2 {margin: 10px 0px 5px 0px;font-size: 16px;}
h3 {
	margin: 20px 0px 5px 0px;
	font-size: 13px;
	font: bold;
	border-style: none none dotted none;
	border-width: 1px;
}
h4 {
	margin: 10px 0px 5px 0px;
	font-size: 13px;
	font: italic;
}
p {margin: 6px 0px 6px 0px;}
ul {margin: 5px 0px 5px 0px;padding: 0px 0px 0px 10px;line-height: 18px;list-style:none;}
li {padding-left:20px;background: url(li_voile.gif) no-repeat;}
form {margin: 0px;}
hr {margin-top: 5px;margin-bottom: 5px;height: 1px;}
img.black  {
	border: 1px solid Black;
	padding: 0px;
}
img {
	border: 1px solid Black;
	padding: 0px;
}
img.blacku  {
	border: 0;
	padding: 0px;
}
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
	border: 0px solid Black;
	color:black;
}
a {
	color:grey;
}
.spip_documents a {
	color:grey;
}
.spip_out a {
	color: #A9A9A9;
}
.spip_doc_descriptif{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 100%;
	border: 0px solid Black;
	color:black;
}

.spip_puce {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border: 0px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Divers */
.en_valeur {color:#fc9A53;}
.en_erreur {color:#d30303;}
.poursuite_dessous {clear:both;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre permettant un affichage centré */
#principal {width: 786px;margin-left: auto;margin-right: auto;text-align: left;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadres pour les images du bandeau haut */

#entete_1 {float: left;width: 786px;height: 169px;background: url(entete.jpg) no-repeat;}
#entete_1 #menus {float:right;margin:16px 16px 0px 0px;height:15px;font-family:verdana,sans-serif;font-size:13px;}
#entete_1 #menus a, a:link, a:visited {color: #3fb1fe;text-decoration: none;}
#entete_1 #menus a:hover {color: #f2f2f2;text-decoration: none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre comprenant les contenus du milieu (utile pour le cadre ombré) */

#milieu {float:left;width: 786px;background: url(milieu.jpg) top left repeat-y;padding-left:20px;}

.lechapo {
	float: left;
	background-color: #FFffff;
	padding-left: 0px;
	padding-right: 2px;
	margin-left: 0px;
	margin-right: 2px;
	border: 1px dotted White;
	font: bold;
}
.letexte {
	float: left;
	background-color: #FFFFFF;
	padding-left: 0px;
	padding-right: 2px;
	margin-left: 0px;
	margin-right: 2px;
	border: 1px dotted White;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les contenus gauche et droite */

.gauche {
	float: left;
	width: 140px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
.droite {
	float: right;
	width: 580px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 40px;
	background-color: #FFFFFF;
}
/* .droite img {margin-top: 10px;margin-bottom: 10px;} */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Cadre pour les mentions en bas de page */

#bas {
	float: left;
	width: 786px;
	height: 31px;
	background: url(bas.jpg);
	text-align: center;
	color: #FFFFFF;
	padding-top: 0px;
	margin-top: 0px;
}
#bas a, a:link, a:visited {color: #ffffff;text-decoration: none;}
#bas a:hover {color: #c76b2b;text-decoration: none;}
#basecrit {
	float: none;
	color: #FFFFFF;
	padding-top: 2px;
	margin-top: 2px;
	text-align: center;
}
/* ----------------------------------------
	gestion du menu gauche
------------------------------------------*/
#menu_gauche {
	background-color: #3fb1fe;
	border-collapse : collapse;
	font-size: 11px;
}
#menu_gauche ul {
	list-style: none;
	padding-left : 0;
   margin-left : -7px; 
}
#menu_gauche ul li {
	margin: 0; /**/
	border-top: 0px dotted #e9e2cf;
	border-bottom: 0px dotted #e9e2cf;
	border-left: 0px dotted #e9e2cf;
	border-right: 0px dotted #e9e2cf;
	line-height: 2em;
}
#menu_gauche ul li li{
	margin: 0 3;
}
#menu_gauche ul li a {
	display: block;
	padding: 1px 1px 1px 1px;
	text-decoration: none;
	color: #ffffff;
}
#menu_gauche ul li a:hover {
	background-color: #f2f2f2;
	color: black;	
}
.lien_menu {
	background-color: #3fb1fe;
	color: #ffffff;
}
.lien_menu-off {
	background-color: #ffe65a;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
/* style des images en relation avec le filtre des mes-fonctions */
.spipimg_left, .spipimg_right, .spipimg_center, .spipimg_middle, .spipimg_border   {
        border-width: 1px;
        margin-top: 4px;
        margin-bottom: 10px;
}
.spipimg_left {
        float: left;
        margin-left: 0px;
        margin-right: 15px;
}
.spipimg_right {
        float: right;
        margin-left: 15px;
        margin-right: 0px;
}
.spipimg_center {
        float: center;       
        margin-left: 15px;
        margin-right: 15px;
}
.spipimg_middle {
        float: center;       
        margin-left: 15px;
        margin-right: 15px;
}
.droite a, a:link, a:visited, a:active {color: #A9A9A9;text-decoration: none;}
.droite a:hover {color: #c76b2b;text-decoration: none;}
/* Cadre cache phpmyvisites */
#phpmyvisites {visibility: hidden;}