@charset "utf-8";

* {	margin: 0; padding: 0;border: 0;}
body {	background-color: #FFFFFF;	color: #3d4e5c;	font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
/*---------------------------- BALISES MAJEURES ----------------------------------------------------------------*/
a 	{color:#1d1c1e;text-decoration:underline}/*bleu par defaut*/
a:hover {color:#ee7e16; text-decoration:underline}
.lienvisiter {font-size: 12px; font-style:italic;font-weight: bold;}
.liensites {color:#017cbc; font-weight:bold;text-decoration:none}
.lientestez{color:#e17a1d; font-size:12px; font-weight:bold;}

p {text-align: justify;}
p.orange{color: #e17a1d;font-weight: bold;}
p.centre{text-align:center;}

tr.droite {text-align:right; padding-right:20px}
img {border:0; vertical-align:middle}

select {height:18px;background-color:white; border:solid #818181 1px; font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif; padding-top:0px;padding-left:4px;color:#3d4e5c;}
select.input { height:auto; color: black; font-size: 11px; }

textarea {background-color:white; border:solid #818181 1px; font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif; padding-top:0px;padding-left:5px;color:#3d4e5c;}

ul {margin-left:15px;list-style-position: outside;list-style-type: disc;line-height: 16px;text-align: justify;}
ul.discvide {
	margin-left:30px;
	
}
ul.MenuBarHorizontal{margin: 0;	padding: 0;	list-style-type: none;	font-size: 100%;cursor: default;}
ul.MenuBarHorizontal li{margin-right: 3px;padding: 0px 0px 0px 2px;list-style-type: none;font-size: 12px;position: relative;cursor: pointer;float: left;width:120px;}
ul.MenuBarHorizontal a {display: block;	cursor: pointer;background-color: #052d4c;color: #ffffff;text-decoration: none;font-variant:small-caps;font-weight:bold;text-align:center;}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, li.MenuBarHorizontalOn a{background-color: #FFF;color: #052d4c;height:30px;}

h1  {font-size:12px; font-weight:bold;}
h1.centre{text-align:center;}
h1.orange {color: #e17a1d;}
h2  {font-size:11px; font-weight:bold;}
h2.bleu {color:#017cbc}


input.inputLogin	{width:200px;height:17px;padding-left:10px;color:#FFFFFF;font-size:12px;background-color: #000000;
	font-weight:bold;padding-top:3px;}
input.inputInscri	{width:250px;height:17px;padding-left:10px;background-color: #FFFFFF;font-size:12px;color: #3d4e5c;padding-top:3px;}
input.input { width:150px; padding-left:8px; font-size: 11px;  border: solid 1px #818181 }
input.input70 { width:70px; padding-left:8px; font-size: 11px;  border: solid 1px #818181 }
input.input80 { width:350px; padding-left:8px; font-size: 11px;  border: solid 1px #818181 }
input.input2 { width:250px; padding-left:8px; font-size: 11px;  border: solid 1px #818181 }
input.input3{ width:350px; padding-left:8px; font-size: 11px;  border: solid 1px #818181 } 
input.input4{ width:450px; padding-left:8px; font-size: 11px;  border: solid 1px #818181 } 

/*---------------------------- STRUCTURE DE LA PAGE -----------------------------------------------------------------*/
#margehaut {position: relative;z-index: 500;height: 30px;width: 950px;left: 50%;top: 0px;margin: 0;	margin-left: -480px;background-color: #052d4c;}
	#itemmenu{	position: relative;	left: 20px;	top: 5px;	height: auto;	float: left;}
	
#entete {position: relative;z-index: 1000;height: 190px;width: 950px;left: 50%;top: 0px;margin: 0;margin-left: -480px;background-color: #FFFFFF;}
	#logo {	position: relative;	left: 20px;	top: 10px;height: auto;width: auto;	float: left;}
	#trait_bleu_vert {
	background-color: #abd2fe;
	position: relative;
	left: 50px;
	top: 10px;
	height: 170px;
	width: 6px;
	float: left;
	z-index: 9;
}
	#slogan {
	position: relative;
	left: 64px;
	top: 0px;
	width: 592px;
	height:191px;
	float: left;
	background:url(images/image-fond.gif) no-repeat right top;
	z-index: 10;
}	
	#tel {position:relative;width:400px;height:20px;z-index:5;left:20px;color: #e17a1d;font-style: italic;font-weight: bold;float:left;
	clear: left;top: 0px;}

#divCalendar {position: relative;height:0px;top: -30px;float: left;left : 480px;	z-index:1;padding-right: 0px;	padding-left: 0px;}
#divCalendar2 {position: relative;height:0px;top: 0px;float: left;left : 480px;	z-index:1;padding-right: 0px;	padding-left: 0px;}

#container {position: relative;top: 0px;left: 50%;margin-left: -480px;width: 950px;height: inherit;	z-index: 2;}
	#texte{background-color: #e3f0fe;position:relative;top:0;left:0px;width:950px;z-index:3;float:left;overflow:hidden; min-height:350px;
	}
		#colonne1 {position: relative;top: 10px;width: 280px;z-index: 4;float: left;left : 0px;	padding-right: 0px;	padding-left: 22px;
					height: auto;}
		#colonne2 {position: relative;top: 30px;width: 800px;z-index: 4;float: left;left : 70px; padding-left: 22px;
					height: auto;}	  
		#colonne3 {position: relative;top: 10px;width: 898px;z-index: 4;float: left;left : 0px; padding-left: 22px;padding-right: 30px;
		height: auto;}
		#colonne_conditions {position: relative;top: 30px;width: 400px;z-index: 12;float: left;left : 70px; padding-right: 30px;	
					height: auto;}
			
	#texte2{position:relative;top:0;left:0;width:950px;z-index:10;float:left;height: auto;}
		#autre_site{position:relative;top:0;left:0;width:141px;z-index:15;float:left;height: auto;padding:0 0 0 20px;}

#entete_popup { position: relative; top: 20px; width: 300px; z-index: 1;float: left;left : 20%; padding-right: 0px;height: auto;}
#colonne_popup { position: relative; top: 70px; width: 400px; z-index: 1;float: left;left : 20px; padding-right: 0px;height: auto;}

#piedpage { background-color: #000000;position:relative;top:20px; left:50%;margin-left:-480px;width:950px;height:95px;z-index: 20;clear:left} 
	#contacts {position: relative;left: 200px;top: 15px;width: auto;float: left;color: #FFFFFF;padding-right: 30px;}

#trait_bleu_hor{background-color: #abd2fe;position: relative;height: 2px;width: 288px;float:left;top:10px;left:0px;}
#trait_oran_hor{background-color: #ee7e16;position: relative;height: 2px;width: 920px;float:left;top:10px;left:20px;}
#trait_noir_hor{background-color: #000000;position: relative;height: 2px;width: 920px;float:left;top:0px;left:20px;}
#trait_bleu_hor_petit{background-color: #abd2fe;position: relative;height: 1px;width: 141px;float:left;top:10px;left:0px;}
	
/*----------------------------------------------------classes-----------------------------------------*/
.clearleft	{clear:left;}
.bleuitalic, .orangeitalic {font-style: italic;}
.orangeitalic, .bleuitalic, .gras18px, .gras15px{font-weight: bold;}
.orangeitalic  {color: #e17a1d;}
.bleuitalic {color: #0e76b8;}	
.blanc {color: #FFFFFF;}
.gras18px	{font-variant:small-caps; font-size:18px; }	 
.gras15px	{font-variant:small-caps; font-size:15px; }
.fondbleu {background-color:#FFFFFF;}  
.fondbleuclair {background-color:#FFFFFF;}  
.bleufonce{background-color:#052d4c;}
.bleumoyen{background-color:#017cbc;} 
.bleumenu{background-color:#F1F1F1;} 
.ligne{background-color:#F1F1F1;}
.gris{background-color:#646464;}
.motdepasse {
	width:180px;
	float: left;
	text-align: left;
}
.p10{font-size: 10px;}

.g10 { color: #E6E6E6; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.gf11 { color: #646464; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.gf10 { color: #646464; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.b10 { color: #171388; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.b11  { color: #171388; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.bl12 { color: #fff; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.bl14 { color: #fff; font-size: 14px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.bl9 { color: #fff; font-size: 9px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.b12 { color: #171388; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.blc10 { color: #ffffff; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.bord { color: black; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;  border: solid 1px #c8c8c8 }
.input10 { color: black; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; border: solid 1px #c8c8c8 }
.g12 { color: #E6E6E6; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
/***.g10:hover { color: #f63; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.gf10:hover { color: #f63; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.b10:hover { color: #f63; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.b11:hover  { color: #f63; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.b12:hover { color: #f63; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.g12:hover { color: #f63; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
***/
.o17 { color: #f63; font-size: 17px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.o14 { color: #f63; font-size: 14px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.o12 { color: #f63; font-size: 12px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.o11 { color: #f63; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.inputsb { color: #646464; font-size: 10px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; background-color:#FFFFFF; padding-top:1px; padding-left:3px;}
.inputsb11 { color: #646464; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; border: solid 0px ; text-align: right }
.div {position : relative; left:170px; top:-12px; visibility:hidden;color: #646464; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none}
.div2 {position : relative; left:0px; top:0px; visibility:hidden;color: #646464; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none}

.fond_ligne { background-color: #f0f0f0 }
.infobulle { position : absolute;visibility : hidden;z-index: 500; }
.gf11_p  { color: #646464; font-size: 11px; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; text-decoration: none; text-indent: 2px; position: absolute; top: 0px; left: 0px; width: 150px; visibility: hidden }
.info  { font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; margin: 3px; border: solid 1px #005364 }
.tr11 { color: #004FBF; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #D2DEEB; }
.tr11a { color: #5E5E5E; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #ffc23a; }
.tr11b { color: #5E5E5E; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #C7D2DE; }
.tr11c { color: #FFFFFF; font-size: 11px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; background-color: #017cbc; }
.tr10a { color: #004FBF; font-size: 10px; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }


/*------------- AJAX suggestion contenu -------*/
#attente_societe {display:none;height:0px;position: relative;overflow:visible;}
#suggestion_societe {display:none;height:0px;position: relative;margin: 10px 0px 0px 0px;width:250px;background-color:#FFFFFF;border: 1px solid #052d4c;color: #212427;overflow:auto;} 
#attente_nom {display:none;height:0px;position: relative;overflow:visible;}
#suggestion_nom {display:none;height:0px;position: relative;margin: 10px 0px 0px 0px;width:250px;background-color:#FFFFFF;-moz-border-radius: 7px;-webkit-border-radius:7px;border: 1px solid #052d4c;color: #212427;overflow:auto;}
#attente_prenom {display:none;height:0px;position: relative;overflow:visible;}
#suggestion_prenom {display:none;height:0px;position: relative;margin: 10px 0px 0px 0px;width:250px;background-color:#FFFFFF;-moz-border-radius: 7px;-webkit-border-radius:7px;border: 1px solid #052d4c;color: #212427;overflow:auto;}
#attente_numero {display:none;height:0px;position: relative;overflow:visible; width:300px;}
#suggestion_numero {display:none;height:0px;position: relative;margin: 10px 0px 0px 0px;width:250px;background-color:#FFFFFF;-moz-border-radius: 7px;-webkit-border-radius:7px;border: 1px solid #052d4c;color: #212427;overflow:auto}
/*------------- FIN AJAX suggestion contenu -------*/
				  


/**************** Jquery ************************/
#loader {background: white;
background-attachment: scroll;
background-clip: border-box;
background-color: white;
background-image: none;
background-origin: padding-box;
display: none;
height: 100%;
left: 0px;
position: fixed;
text-align: center;
top: 0px;
width: 100%;
z-index: 1099;
}	   

#loader img {
display: block;
height: auto;
left: 48%;
position: absolute;
top: 48%;
width: auto;
}
/**************** FIN Jquery ************************/

/* ============================= JQuery pour Location de Fichiers ============================= */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.crit-geo-ligne {
    border-bottom: 1px solid #DBDBDB;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 4px;
}

.crit-geo-ligne-pave-droit {
    float: right;
    width: 30px;
    padding-right: 5px;
}
.crit-geo-line-first {
    border-top: 1px solid #DBDBDB;
}
.crit-geo-line-li {
    list-style-type: none;
    margin-left: 0px;
}

a.accordion {
    padding-left: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #6e6b6b;
    font-size: 12px;
    background: transparent url(images/dfleche.gif) no-repeat;
	
}

.entre {
    padding-left: 15px;
    padding-right: 10px;
    float: right;
    border-left: 1px solid #DBDBDB;
}



.crit-geo-line-top {
	border-top: 1px solid #DBDBDB;
}

.crit-geo-line {
	border-bottom: 1px solid #DBDBDB;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 4px;
}

.rech-ville {
    float: right;
    visibility: hidden;
    display: none;
}

.rech-ville a {
    display: inline;
    width: 30px;
    height: 20px;
}
.current .rech-ville {
    display: inline;
    visibility: visible;
}


.crit-geo-ligne-h {
    height: 150px;
}

.crit-geo-rech {
    border-bottom: solid 1px #DBDBDB;
    margin-top: 1px;
}

.crit-geo-res {
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 2px 0 0 12px;
    color: #666;
}

#crit-geo {
    
    width: 420px;
	float:left;
    margin-bottom: 20px;
    border-right: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
}

#crit-right {
    
    width: 212px;
	float:right;
	padding-right:60px;
}

#crit-geo .rech-ville {
    float: right;
    visibility: hidden;
    display: none;
}
#crit-geo .rech-ville a {
    display: inline;
    width: 30px;
    height: 20px;
	padding-right:20px;
}
#crit-geo .current .rech-ville {
    display: inline;
    visibility: visible;
}
#crit-geo .crit-geo-c {
    padding: 5px 0px 5px 10px;
    margin-top: 6px;
    width: 405px;
    visibility: hidden;
    display: none;
   background-color: #f2f2f2;
}
#crit-geo .current .crit-geo-c {
    display: block;
    visibility: visible;
}
#crit-geo .tout-div {
    height: 118px;
    overflow: auto;
}
#crit-geo .tout-div .left {
    width: 47%;
}
#crit-geo .tout-div .right {
    width: 47%;
}
#crit-geo .tout-div.petit {
    height: 120px;
}
#crit-geo a {
    text-decoration: none;
}

#crit-geo .crit-geo-ligne-pave-gauche {
    float: left;
    width: 160px;
	padding-right: 60px;
}

#crit-soc div.current a.accordion span {
    color: #666;
}
#crit-soc a.accordion span {
    color: #666;
}
#crit-soc .age-c {
    background-color: #f2f2f2;
	margin-top:6px;
	
}



#crit-soc div div {
    display: none;
}
#crit-soc div.current div {
    display: block;
}

.crit-soc-c {
    margin-top: 0px;
    padding-top: 0px;
	border-top: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    overflow: auto;
    width: 262px;
}