/* CSS Document */
*{margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif;; font-size:11px;}
html{
	background:#0F1630 url(../fond/fond_body.jpg) repeat-x top left;
	text-align:center;
}

#body{
	position:absolute;
	left:50%;
	top:50%;
	width:900px;
	height:618px;
	margin-top:-309px;
	margin-left:-430px;
}

#links{ position:relative;width:845px!important; width:760px; height:28px; text-align:right; margin-bottom:3px;}
#links a{text-decoration:underline; color:#0F162F; font-size:0.9em;}
#links a:hover{color:#0078FF;}
.abonnes{position:relative; float:right; background:transparent url(../element/abonne.gif) no-repeat top right; width:115px; height:22px;padding-right:12px;padding-top:6px;}
.delegues{position:relative; float:right; background:transparent url(../element/delegue.gif) no-repeat top right; width:200px; height:22px;padding-right:12px;padding-top:6px;}

#gauche{
	position:relative;
	float:left;
	width:196px!important;
	height:600px; 
}
.haut{ width:196px; height:11px; background:transparent url(../element/haut_gauche_rub.gif) no-repeat top left; margin-bottom:0px!important;margin-bottom:-7px;}
.centre{height:577px; width:196px; background:url(../fond/fond_gauche_rub.jpg) no-repeat bottom left;}
.bas{z-index:0; width:196px; height:12px; background:transparent url(../element/bas_gauche_rub.gif) no-repeat top left;}

.logo{ position:relative;}

/* MENU  */
#menu{margin-top:50px; text-align:left; margin-right:20px;}
#menu a{text-decoration:none; font-weight:bold; color:#214068; font-size:1.1em;}
#menu a:hover{font-weight:bold; color:#006FFF;}
#menu .select a{font-weight:bold!important; color:#204ae4!important;}
dl {width:195px;overflow:hidden;}
dt {height:20px; padding-top:5px; padding-left:10px; border-bottom:1px solid #DBE5EE;}
dt a:hover{ font-weight:bold; color:#006FFF;}
/*dt a { color: #253953; text-decoration:none; font-weight:bold; }*/
	
dd{margin-left:0px;background:#EEF485 url(../element/fond_li.gif) repeat-x bottom left;}
dd a{font-size:0.9em; color:#22569A;}
ul {list-style:none; padding:2px; margin-left:0px;}
li{color: #000; padding:2px; padding-left:5px; border-bottom:1px solid white; padding-left:10px;height:auto;}
li a{text-decoration:none; font-weight:500!important; color:#22569A!important; font-size:0.9em!important;}
li a:hover{ font-weight:500!important; color:#009CFF!important;}	

.ssmenu{ text-align:left;position:relative;margin-left:-5px;width:157px;padding:5px; margin-top:-450px; z-index:100;}
.menu_a{ border-bottom:1px solid #78B7D3;  padding:4px;background: url(../fond/fond_menu_a.gif) repeat-y top left;}
.menu_a a{text-decoration:none;color:#FFFE82;}

/* FIN MENU */
#vague[id]{
	position:relative;
	width:326px;
	height:156px;
	margin-left:-139px;
	margin-top:-166px;
	background:url(../fond/vague_fond_rub.png) no-repeat;
}
#vague{
	position:relative;
	margin-left
	width:326px;
	height:156px;
	margin-left:-146px;
	margin-top:-210px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/fond/vague_fond_rub.png');
}

#random{position:relative; float:left; width:158px; height:580px; margin-top:10px;margin-left:0px!important; margin-left:-19px;}

/* Contenu */
#contents{float:left; width:499px; height:600px;margin-bottom:10px!important; margin-bottom:0px; text-align:left;}
.haut_contents{width:499px; height:11px; background:transparent url(../element/haut_contents.gif) no-repeat top left;margin-bottom:0px!important;margin-bottom:-3px;}
#contenu{background-color:#FCFCF9; width:489px; height:568px; padding:5px; overflow:auto; color:#33465E;}
.bas_contents{width:499px; height:11px; background:transparent url(../element/bas_contents.gif) no-repeat top left;}
/* Fin COntenu  */

/* Moteur de recherche */
#recherche{position:relative; z-index:100;  width:185px; height:65px!important;height:108px;top:-80px; margin-left:5px!important;margin-left:3px; text-align:left; }
#recherche p{font-size:0.9em;}
h1.search{color:#17213B; font-size:1em;}
.search_texte{width:179px; height:15px; margin-top:5px;border:1px solid black;}
.ok{margin-top:5px;}
/* Fin moteur */

/* Calendrier */
.calendrier, .cal{width:95%; margin-left:20px;}
.calendrier select{width:220px; border:1px solid #234E88;margin-left:10px;}
.cal select{width:245px; border:1px solid #234E88;margin-left:10px;}
.cal input{width:100px; border:1px solid #234E88;margin-left:2px;}
.cal img{padding-top:-5px;}
.cal li{border-bottom:1px solid #4576B8;}
.montant{border:1px solid #234E88;margin-left:10px;width:100px; position:relative; float:left;}
.lab{position:relative; float:left;}
/* Fin Claendrier  */
#pied{position:relative; display:block; clear:both; width:845px!important; width:760px; height:28px; text-align:right; padding-top:0px;margin-bottom:3px; color:#FFFFFF; font-size:0.9em; margin-top:0px;}
#pied a{color:#FFFFFF; text-decoration:none; font-size:0.9em;}
#pied a:hover{color:#0078FF;}
#pied .logo{position:relative; float:left; font-size:0.8em; text-align:left;}
#pied .logo img{position:relative; float:left;margin-right:5px;}


.formintro{margin:10px;height:300px;text-align:left;background:url(../fond/fond-form-intro.gif)no-repeat top center;margin-top:120px; text-align:center;}
.formintro table{font-family:Arial, Helvetica, sans-serif;}
.formintro caption{font-weight:bold;font-size:14px;margin-bottom:5px;}
.formintro tbody{text-align:left;}
.formintro .texte{border:1px solid;width:130px;height:15px;}
.formintro label{font-size:11px;width:120px;display:block;float:left;}

#delegue{color:#40A2D9; width:280px; margin-left:80px;margin-top:-35px !important;margin-top:-20px;}
#collaborateurs{color:#009E94; width:280px; margin-left:100px !important;margin-left:90px;margin-top:150px !important;margin-top:120px;}
#collaborateurs caption,#collaborateurs tfoot,#delegue tfoot{text-align:right;}
#delegue caption{text-align:left; border-bottom:1px solid #40A2D9;}
#collaborateurs caption{border-bottom:1px solid #009E94;}

/* form */
.form{border:1px solid red;}
#formulairepage td{border:none!important;}
.form tbody{border:1px solid red;}
.send{margin-left:145px;margin-top:10px;}

.form label{
float:left;
width:130px;
font-size:11px;
text-align:right;
padding-right:15px;
}
.form .ctext, .form .mtext, .form .email{width:250px; border:1px solid #000000; float:left;}
.form .check{width:auto;margin-top:5px;margin-right:3px;}
.lib label{font-weight:bold;font-size:13px; color:#234E88; font-variant:small-caps; background:url(../../imgs/puce_fleche.gif) no-repeat; padding-left:17px;text-align:left!important; width:450px!important;border-bottom:1px solid #DEE6EE;margin-bottom:5px;margin-top:10px;}

hr{margin-top:10px; margin-bottom:5px; clear:both;font-weight:bold; text-align:left!important; width:500px!important; }
.hr{text-align:left!important; width:500px!important; clear:both;margin-top:20px; color:#0053A0;}

/* Plan */
.plan{width:430px;}
.p1{background:url(../../imgs/puce_fleche.gif) no-repeat; margin-bottom:5px;margin-top:15px!important;height:16px;}
.p2{background:url(../../imgs/puce.gif) no-repeat 0px 3px; margin-bottom:2px;margin-top:10px;margin-left:80px!important;height:16px;}
.p3{margin-left:120px!important; margin-bottom:2px;}
.plan li{ list-style-image:none!important; list-style:none!important; margin-top:5px!important;}
.p1 a{ text-decoration:none!important; font-weight:bold!important; color:#214068!important; padding-left:15px; font-variant:small-caps; font-size:1.2em!important;}
.p2 a{text-decoration:none!important; font-weight:bold!important; color:#214068!important; padding-left:10px; font-size:1em!important;}
.plan .p2{margin-left:85px;margin-top:0px;}
.plan .p1 a:hover, .p2 a:hover{font-weight:bold!important;color:#FB0E76;}
.plan .p3 a:hover{color:#FB0E76;}


.fichette{ padding-bottom:70px; margin-bottom:-70px;margin-top:-20px;}