/* *********************** */
/*        OKIGO           */
/* ********************* */


html{ padding:0; margin:0;}

body{ padding:0; margin:0; background:#aa0000 url(../interface/bg.jpg) repeat-x left top; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}

/* *********************** */
/*    STYLES COMMNUNS     */
/* ********************* */


img{ border:none;}

p{ padding:0; margin:0;}
ul, li{ margin:0; padding:0; list-style:none}

br{   
 display:block;  
 width:100%; 
 clear: both; 
 height: 0; 
 font-size: 1px;  
 line-height: 0px;  
 }  

form{ padding:0; margin:0}
fieldset{ padding:0; margin:0; border: none;}
.select{ height:18px; color:#333333; background-color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif}
.input{ height:18px; color:#333333; background-color:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:1px}

 
table, table tr, table tr td{ border:none;padding:0; margin:0; border-collapse:collapse;}
 table td{ vertical-align:middle}

.center{text-align:center;}
p.lien a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#EA2D30; background-color:inherit; text-decoration:none; background:url(../interface/lien.gif) no-repeat 0 3px; padding:0 0 0 15px;}
p.lien a:hover{ text-decoration: underline; color:#EA2D30; background-color:inherit;}

img.floatleft{ float:left; margin:0 5px 5px 0}

/* thickbox */

#TB_window #TB_title {
	color:white;
	font-weight:bold;
}

#TB_window #TB_title a {
	color:white; font-weight:normal; font-size:11px;
}

/* *********************** */
/*   POSITIONNEMENT       */
/* ********************* */

#conteneur{ width:1000px; margin:0 auto; position:relative;}

#header{background:url(../interface/header.jpg) no-repeat; width:1000px; height:115px;}

#infosheader{ height:64px; width:1000px; position:relative}
#logo{	width:122px; position:absolute;	top:38px;	height:56px; z-index:50; 	left: 38px;}
#infosclients{ width:325px; height:75px; position:absolute; right:30px; top:4px; }
#slogan { 
top:38px; left:193px; position:absolute; width:344px; height:16px;
 background:url(../images/location_libre_service.gif) no-repeat top left; 
}
#slogan span { display:none }
.aide{height:31px; float:left; width:66px; background:url(../interface/picto_aide.gif) no-repeat 0 7px;}

.aide a, .contact a { font-size:9px; color:#999999; background-color:inherit; text-decoration:none; line-height:3.5em }
.aide a:hover, .contact a:hover { text-decoration:underline;}

.contact{height:31px; float:left; width:100px; background:url(../interface/picto_contact.gif) no-repeat 0 7px;}

.espaceclient { width:149px; height:31px; float:right}

form#form_recherche { margin:0; padding:0; position:absolute; bottom:23px; right:15px; width:120px; height:18px; background:url(../interface/input_recherche.gif) no-repeat 0 0; display:block; text-align:left }
#recherche { border:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; width:100px; margin:2px; height:15px; background:none }
#rech_submit { width:13px; height:14px }
#rech_submit:hover { cursor:pointer }


#wrapper{ background:url(../interface/wrapper.jpg) repeat-y; width:1000px;  }
* html #wrapper{height:530px}

#content{ background:url(../interface/content_bg.jpg) no-repeat; width:1000px;  padding:15px 0 0 0 }



/* *********************** */
/*   MENU                 */
/* ********************* */

.menubg{ width:1000px; height:45px;}

.menu {	height:45px;	width:766px;	margin:1px 0 0 189px;	background:url(../interface/menu.jpg) no-repeat;	position:absolute;	left:4px;	top: 66px;}
 
.menu ul { display:block; margin:0; padding:0; list-style:none; }
.menu li { margin:0; padding:0; list-style:none; display:inline;}
.menu li a{ display:block; float:left;height:45px; width:150px;  text-decoration:none; font-size:13px; font-weight:bold; line-height:3.5em; color:#f6e4e4; background-color:inherit; text-align: center; font-family:Arial, Helvetica, sans-serif}
.menu li a span{ padding-left:7px;}
.menu li a:hover{ color:#fff; background-color:inherit;}

#item5 a{ color:#e5f0f5; background-color:inherit;}
#item5 a:hover{ color:#fff; background-color:inherit;}

#lesplus{ background:url(../interface/menu_les_plus_okigo.jpg) no-repeat;}
#danslaville{ background:url(../interface/menu_okigo_en_ville.jpg) no-repeat;}
#commentcamarche{ background:url(../interface/menu_comment_ca_marche.jpg) no-repeat}
#nouscontacter{ background:url(../interface/menu_nous_contacter.jpg) no-repeat}
#quiestokigo{ background: url(../interface/menu_qui_est_okigo.jpg) no-repeat}

#lesplus  #item1 a{color:#1e508f!important; background-color:inherit}
#danslaville  #item2 a{color:#1e508f!important; background-color:inherit}
#commentcamarche  #item3 a{color:#1e508f!important; background-color:inherit}
#item3 span{ padding-left:8px;}
#quiestokigo  #item4 a{color:#1e508f!important; background-color:inherit}
#nouscontacter  #item5 a{color:#1e508f!important; background-color:inherit}



/* *********************** */
/* FOOTER                 */
/* ********************* */

.piedepage{ clear:both;width:100%; height:45px; background:url(../interface/wrapper.jpg) repeat-y; font-size:1px; text-align:left; padding:10px 0 0 0 }
.piedepage .logosokigo{ width:400px; height:25px; float:left; padding-left:75px;  }
.piedepage .vinci{ margin:0 20px 0 0;}

.piedepage .autopartage {background:url(../interface/autopartage.gif) no-repeat 0 0; height:25px; float:left; width:300px; margin:15px 0 0 185px;}

#footer { clear:both; background:url(../interface/footer.gif) no-repeat top; width:1000px; height:120px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center;}
#footer p { margin:0; padding:25px 0 0 0; color:#666; background-color:inherit; }
#footer p a { color:#666; background-color:inherit; text-decoration:none; padding:0; margin:0}
#footer p a:hover {text-decoration:underline;}
#footer ul {padding:10px 75px 0 75px}
#footer li {color:#999; display:inline; list-style:none}
#footer li a {color:#999; text-decoration:none}
#footer li a:hover {text-decoration:underline}

/* *********************** */
/* COLONNE GAUCHE         */
/* ********************* */

#coleft{ width:290px; float:left; }
#coleft .content{ width:234px; margin-left:49px;  }

#pagehome{ background:url(../interface/reservez.jpg) no-repeat;}
#pagefille{background: url(../interface/reserver_fille.jpg) no-repeat;}

#adherer{ width:234px ; padding-top:15px }
#trouverokigo{ width:234px;   margin:10px 0 0 0}

.bt_tchatez {
	margin-top:10px;
}
	
.vinci{ margin-right:10px}


/* *********************** */
/* PATHWAY                */
/* ********************* */

#colright .pathway{ padding:0; height:25px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#999999; background-color:inherit; text-align:left}
#colright .pathway a{    font-size:11px; color:#999999; background-color:inherit; text-decoration:none;}
#colright .pathway a:hover{ text-decoration:underline}
	
	
/* *********************** */
/* COLONNE DROITE         */
/* ********************* */

#colright{ width: 700px; float:left;padding-left: 10px }
.content{ clear:both;width: 700px; position:relative; text-align:left; }
.vocation{ float:left; width:670px ;height:225px; margin:0 0 13px 0}

	
/* *********************** */
/* INDEXBLOC              */
/* ********************* */
.blocsdegauche{ width:460px; float:left;}
.blocsdedroite{ width:200px; float:left;}
.indexbloc1 { width:200px; min-height:185px;   float:left; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 5px; margin:0 20px 0 0;}
* html .indexbloc1 { height:185px;}

.indexbloc1 .content { padding:5px 0 0 3px; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.indexbloc1 h1{ color:#1E508F; background-color:inherit; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0 0 6px 0; padding:0; width:200px;}
.indexbloc1 p{  width:100%;font-size:12px; margin-bottom:18px; color:#333; padding:4px 0 5px 0; margin:0 }
.indexbloc1 .carte{ width:100%;   margin:0; text-align:center}
 
.indexbloc1 .content p.lien a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EA2D30; background-color:inherit; text-decoration:none; background: url(../interface/index_link.gif) no-repeat 0 2px; padding:0 0 0 15px; display:block;}
.indexbloc1 .content p.lien a:hover{ text-decoration: underline;}

/* les corrections de hauteur */
.indexbloc1 p.c1{ min-height:40px;}
* html .indexbloc1 p.c1{height:40px;}


/* le bloc actualite */
.indexbloc3{ width:200px; height:500px; background: url(../interface/blocactualite.gif) no-repeat; float:left;}
.indexbloc3 ul{ margin:5px 5px 0 5px; padding:0 0 5px 0; background:url(../interface/li_blockindex.gif) no-repeat  left bottom}
.indexbloc3 ul li a { font-family:Arial, Helvetica, sans-serif;   font-size:11px; color:#333333; background-color:inherit; text-decoration:none; font-weight:bold}
.indexbloc3 ul li a:hover {   color:#333333; background-color:inherit; text-decoration:underline;}
.indexbloc3 ul li { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666; background-color:inherit;}
.indexbloc3 .btnplus{ width:100%; height:35px;}
.indexbloc3 .btnplus a{ display:block; float:right; background:url(../interface/plus.gif) no-repeat; width:14px; height:15px;margin:10px 30px 0 0  }
* html .indexbloc3 .btnplus a{ display:block; float:right; background:url(../interface/plus.gif) no-repeat; width:14px; height:15px;margin:10px 15px 0 0  }

.indexbloc3 .btnplus a span{ display:none;}
.indexbloc3 .infoxbox { width:160px; height:448px; overflow:hidden; background-color:#fff; color:#666666; margin:0 0 0 10px}

/* les autres blocs */
.adherez { width:179px; height:42px;}
.adherez a{ display:block; width:179px; height:42px; background-image:url(../interface/btn_adherez_index.gif); background-repeat:repeat; text-decoration:none;}
.adherez a span{ display:none;}

.allokigo{ width:180px; height:83px; margin:15px 0 15px 0}
.allokigo a{ width:180px; height:83px; display:block; text-decoration:none; background:url(../interface/allo_okigo.gif)}
.allokigo span{ display:none;}

 /* *********************** */
/* COLONNE DROITE         */
/* ********************* */

.blocktexte {font-family:Arial, Helvetica, sans-serif; text-align:left; width:480px; min-height:590px; float:left;  }


* html .blocktexte {height:600px; }

.blocktexte h1{ color:#1E508F; background-color:inherit; font-size:24px; font-weight:normal;font-family:Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:0}

.blocktexte h2{ font-size:16px; font-weight:normal; color:#0AA6E2; background-color:inherit; margin:0 0 10px 0}
.blocktexte h3{ font-size:16px; font-weight:normal; color:#EA2D30; background-color:inherit; margin:20px 0 10px 0; padding: 5px 0 0 20px; line-height: 20px; background: url(../interface/K.gif) no-repeat}

.blocktexte p{ font-size:14px; color:#333333; background-color:inherit; margin:5px 0 10px 0; padding-left: 20px}
.blocktexte p a{color:#EA2D30; background-color:inherit;}
.blocktexte p a:hover{color:#EA2D30; background-color:inherit;}

.blocktexte p em{ font-style:normal;  color:#EA2D30; background-color:inherit;}

.blocktexte .boxinfos{ width:350px; float:left;}
.blocktexte p.evenement{ width:300px; float:right; margin:10px 0 0 0; padding:0 }

.blocktexte ul{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#444444; background-color:inherit; margin:0; padding:0}
.blocktexte  ul li{ background: url(../interface/li.gif) no-repeat 0 5px;  list-style:none; margin:0 0 10px 0; padding:5px 0 0 20px;}


.blocktexte a{color:#333333; background-color:inherit;}
.blocktexte a:hover{color:#333; background-color:inherit;}

.blocktextebleu {font-family:Arial, Helvetica, sans-serif; text-align:left;width:660px; min-height:590px; float:left}
.blocktextebleu  p{font-size:14px; color:#1E508F; background-color:inherit; margin:0; padding:0}
 
.blockpub{ float:left; margin:80px 0 0 20px; width:160px;  }



/* *********************** */
/* blockadherez           */
/* ********************* */

.blockadherez {width:95px; height:105px; position:absolute; right:70px; top:25px; }
.blockadherez .picto { text-align: center;width:95px; height:41px;  background:url(../interface/blockadherez.gif) no-repeat center }
.blockadherez .btn { width:95px; height:30px;}

/* *********************** */
/* menuliste              */
/* ********************* */

.menuliste {background:url(../interface/menulist_bg.gif) no-repeat; width:225px ;  margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; padding:5px 0 12px 7px}

.menuliste ul { display:block; text-align:left; }

.menuliste li {padding:0; margin:0; list-style:none; display:inline;}

.menuliste li a{
color:#1E508F; background-color:inherit; text-decoration:none; font-size:14px;   line-height:1.6em; display:block;width:190px; background:url(../interface/menuliste.gif) no-repeat 0  6px;border-bottom:1px solid #eeeeee; padding:0 0 0 18px}

 

.menuliste li a:hover, .menuliste li a.active{ text-decoration:none; background-position:0 6px; font-weight:bold}


  
/* *********************** */
/* menuliste              */
/* ********************* */

.blocktextecourt{ width:550px}
.blocktextecourt p{ margin:0 0 20px 0}

/* *********************** */
/* Formulaire col gauche  */
/* ********************* */

.reserver{ width:234px; height:290px; position:relative; text-align:left; clear:both;}

.reserver p{
	width:234px;
	position:absolute;
	height:20px;	
}
/*z-index:999;*/

.reserver .input,.reserver .select { color:#666666; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:2px;}


.reserver  p.model {  top:67px}
.reserver  p.model .select {width:140px; height:19px; margin-left:65px}

.reserver  p.parking{ top:122px; } 
.reserver  p.parking .select{width:140px;height:19px; margin-left:65px;}

.reserver  p.quand1 {top:198px; margin-left:15px;	width:219px;}
.reserver  p.quand1	.input{ width:89px; height:14px; margin-right:2px}					 

*+html .reserver  p.quand1 {top:198px; margin-left:15px;width:219px;}
*+html .reserver  p.quand1	.input{ width:89px; height:14px; margin-right:2px}					 

* html .reserver  p.quand1 {top:197px; margin-left:15px;width:219px;}
* html .reserver  p.quand1	.input{ width:89px; height:14px; margin-right:2px}					

.reserver p.quand2 { top:222px; margin-left:15px;width:219px;}
.reserver p.quand2	.select{ width:93px; height:14px;margin-right:5px}		
.reserver p.quand2	input{width:89px; height:14px; margin-right:2px}			
.reserver p.moment	{top:245px; text-align:center; color:#FFFFFF; background-color:inherit; font-weight:bold}
.reserver p.btn { top:255px; text-align:center}

.accueil .reserver p.quand1 .input { height:14px}
.accueil .reserver p.quand2 .input { height:14px}
*+html .accueil .reserver  p.quand1	.input { height:18px}
*+html .accueil .reserver  p.quand2	.input { height:18px}
	
 
/* ****** */
/* FAQ   */
/* **** */

#faq { width:90%; padding-left:10px;}

#faq h2{ margin:15px 0 10px -5px; padding:0}

#faq a{
display:block;
font-size:13px;
color:#333;
background-color:#FFFFFF;
background:url(../interface/h2.gif) no-repeat	; 
background-repeat:no-repeat; 
background-position:left;
 
line-height:1.6em;
width:100%;
height:20px;
text-indent:16px;
margin-bottom:3px;
cursor: pointer;
text-decoration:none !important;}

#faq a:hover{ text-decoration:underline!important; }

 

#faq p{padding:0 10px 0 17px; margin:5px 0 5px 0;}


.didacticiel { clear:both;width:660px; background:url(../interface/didacticiel_bg.gif) repeat-y; border-bottom:1px solid #0aa6e2; position:relative}
.didacticiel .title{ background: url(../interface/didacticiel_title.gif) no-repeat; width:660px; height:42px; margin:0 0 1px 0}
.didacticiel .title h2{ clear:both; width:90%;color:#FFFFFF; background-color:inherit; font-size:16px; font-weight:bold; padding: 10px 0 0 15px; margin:0; text-align:left} 
.didacticiel .contenu{ width:649px; padding:0 0 0 1px}
.didacticiel .texte{ width:410px; height:230px; position:absolute; top:55px; right:40px;}
 

.didacticiel .texte h1{ color:#1E508F; background-color:inherit; font-size:24px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:0}
.didacticiel .texte h2{ font-size:16px; font-weight:bold; color:#0AA6E2; background-color:inherit; margin:0 5px 10px 0}
.didacticiel .texte  p{ font-size:13px; color:#333333; background-color:inherit; margin:5px 5px 10px 0}
.didacticiel .texte  ul{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444444; background-color:inherit; margin:0; padding:0}
.didacticiel .texte  ul li{ background: url(../interface/li.gif) no-repeat 0 5px;  list-style:none; margin:0 0 3px 0; padding:5px 0 0 20px;}
.didacticiel .texte a{font-size:13px; color:#EA2D30; background-color:inherit}
.didacticiel .texte a:hover{font-size:13px; color:#EA2D30; background-color:inherit}



.didacticiel #deux,  .didacticiel #trois { visibility:hidden;}
.didacticiel a.btn1{ display:block; width:199px; height:85px; background:url(../interface/didacticiel_btn.jpg) no-repeat 0 0; text-decoration:none;}
.didacticiel a.btn2{ display:block; width:199px; height:85px; background:url(../interface/didacticiel_btn.jpg) no-repeat 0 -85px;text-decoration:none;}
.didacticiel a.btn3{ display:block; width:199px; height:85px; background:url(../interface/didacticiel_btn.jpg) no-repeat 0 -170px;text-decoration:none;}


.didacticiel a:hover.btn1{ display:block; width:199px; height:85px; background:url(../interface/didacticiel_btn.jpg) no-repeat -199px 0}
.didacticiel a:hover.btn2{ display:block; width:199px; height:85px; background:url(../interface/didacticiel_btn.jpg) no-repeat -199px -85px}
.didacticiel a:hover.btn3{ display:block; width:199px; height:85px; background:url(../interface/didacticiel_btn.jpg) no-repeat -199px -170px}


/* *********************** */
/*    Mainmenu            */
/* ********************* */

#blocmenu{ width:775px; height:40px; position:absolute; top:69px; left:193px; z-index:90}
#mainmenu{ background:url(../interface/mainmenu_background_v2.jpg) no-repeat 0 0; width:775px; height:31px; position:relative}

#mainmenu dl { float:left; margin:0;padding:0; display:inline;}
		
#mainmenu dt { padding:0; margin:0; list-style:none; display:block; font-size:13px!important;  }

#mainmenu dt a {
float:left;
height:40px;
text-decoration:none;
font-size:13px!important;
color:#fff;
font-weight:bold;
line-height:29px;
position:absolute;
z-index:90;
text-align:center; 
background-color:inherit;
}

#mainmenu  .smenu1 dt a {	width:140px;left:0;}
#mainmenu  .smenu2 dt a { width:150px; left:140px;}
#mainmenu  .smenu3 dt a {	width:170px; left:290px;}
#mainmenu  .smenu4 dt a {	width:70px; left:460px;}
#mainmenu  .smenu5 dt a { width:121px; left:530px;}
#mainmenu  .smenu6 dt a {width:124px; left:651px;}


#mainmenu dd {
margin:0 0 0 10px; list-style:none; position:absolute; padding:30px 0 0 0; z-index:89; top:5px; display:none;
}
 

#mainmenu dd#smenu1 { left:0; background: url(../interface/smenu1.png) no-repeat 0 0}
#mainmenu dd#smenu2 {  left:140px;background: url(../interface/smenu2.png) no-repeat 0 0}
#mainmenu dd#smenu3 {  left:290px;background: url(../interface/smenu3.png) no-repeat 0 0}
#mainmenu dd#smenu4 {  left:460px;background: url(../interface/smenu4.png) no-repeat 0 0}
#mainmenu dd#smenu5 {  left:530px;background: url(../interface/smenu5.png) no-repeat 0 0}
#mainmenu dd#smenu6 {  left:651px;background: url(../interface/smenu6.png) no-repeat 0 0}

* html #mainmenu dd#smenu1 {  background:url(../interface/smenu1.gif) no-repeat 0 0}
* html #mainmenu dd#smenu2 {  background:url(../interface/smenu2.gif) no-repeat 0 0}
* html #mainmenu dd#smenu3 {  background:url(../interface/smenu3.gif) no-repeat 0 0}
* html #mainmenu dd#smenu4 {  background:url(../interface/smenu4.gif) no-repeat 0 0}
* html #mainmenu dd#smenu5 {  background:url(../interface/smenu5.gif) no-repeat 0 0}
* html #mainmenu dd#smenu6 {  background:url(../interface/smenu6.gif) no-repeat 0 0}
* html #mainmenu dt.styleactif1 a {  background:url(../interface/smenu1a.gif) no-repeat 10px 5px}
* html #mainmenu dt.styleactif1 a { background:url(../interface/smenu1a.gif) no-repeat 10px 5px}
* html #mainmenu dt.styleactif2 a {  background:url(../interface/smenu2.gif) no-repeat 10px 5px}
* html #mainmenu dt.styleactif3 a {   background:url(../interface/smenu3.gif) no-repeat 10px 5px}
* html #mainmenu dt.styleactif4 a {	  background:url(../interface/smenu4.gif) no-repeat 10px 5px}
* html #mainmenu dt.styleactif5 a {    background:url(../interface/smenu5.gif) no-repeat 10px 5px}
* html #mainmenu dt.styleactif6 a {   background:url(../interface/smenu6.gif) no-repeat 10px 5px}

#mainmenu dt.styleactif1 a { color:#1E508F!important; background:url(../interface/smenu1a.png) no-repeat 10px 5px}
#mainmenu dt.styleactif2 a {  color:#1E508F!important; background:url(../interface/smenu2.png) no-repeat 10px 5px}
#mainmenu dt.styleactif3 a {  color:#1E508F!important; background:url(../interface/smenu3.png) no-repeat 10px 5px}
#mainmenu dt.styleactif4 a { color:#1E508F!important; background:url(../interface/smenu4.png) no-repeat 10px 5px}
#mainmenu dt.styleactif5 a {  color:#1E508F!important; background:url(../interface/smenu5.png) no-repeat 10px 5px}
#mainmenu dt.styleactif6 a {  color:#1E508F!important; background:url(../interface/smenu6.png) no-repeat 10px 5px}

  

#mainmenu ul { width:225px; padding:0 0 8px 0; margin:0 0 8px 0 ;  background:url(../interface/smenu_bottom.png) no-repeat bottom;  list-style:none; }
* html #mainmenu ul { width:225px; padding:0 0 8px 0; margin:0 0 8px 0 ;  background:url(../interface/smenu_bottom.gif) no-repeat bottom;  list-style:none; }



#mainmenu li { width:223px; background-color:#fff;border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0; margin:0; line-height:0; font-size:0; }
 
#mainmenu li a { display:block; width:auto; border-bottom:1px solid #dddddd; color:#1E508F; font-size:12px; padding:4px 0; margin:0 8px; text-align:left; text-decoration:none; line-height:21px }
#mainmenu li.last a{ border-bottom:none;}

#mainmenu li a:hover { color:#1E508F; background-color:#eeeeee; font-weight:bold; }
 
.nllestations{ width:225px; min-height:133px; margin:15px 0}
* html.nllestations{height:133px;}

.calculette{ width:310px; min-height:350px; margin:-5px 0 0 -105px; z-index:89;}
* html.calculette{height:350px;}

/* ************************ */
/* PAGE COMMENT CA MARCHE  */
/* ********************** */

.servicesokigo{ width:660px; height:225px; clear:both; float:none; margin:18px 0 30px -5px }
.servicesokigo .flashplayer{width:660px; height:225px;}
.servicesokigo ul.redlist { margin:0 0 0 40px}

 
/* block full texte       */
 

.blocfulltexte {font-family:Arial, Helvetica, sans-serif; text-align:left; width:660px; min-height:590px; float:left;  }


* html .blocfulltexte {height:600px; }

.blocfulltexte h1{ color:#1E508F; background-color:inherit; font-size:24px; font-weight:normal;font-family:Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:0}

.blocfulltexte h2{ font-size:16px; font-weight:normal; line-height:1.3em; color:#0AA6E2; background-color:inherit; margin:0 0 10px 0}
.blocfulltexte h3{ font-size:16px; font-weight:normal; color:#EA2D30; background-color:inherit; margin:20px 0 10px 0; padding: 5px 0 0 20px; line-height: 20px; background: url(../interface/K.gif) no-repeat}
.blocfulltexte h4{ font-size:22px; font-weight:normal; line-height:26px; color:#EA2D30; margin:30px 0 15px 0; padding:0 0 0 40px}
.blocfulltexte h4.un{ background:url(../interface/un.gif) no-repeat 0 0;}
.blocfulltexte h4.deux{ background:url(../interface/deux.gif) no-repeat 0 0;}
.blocfulltexte h4.trois{ background:url(../interface/trois.gif) no-repeat 0 0;}
.blocfulltexte h4.fleche{ background:url(../interface/fleche.gif) no-repeat 0 0;}
.blocfulltexte h5 { font-size:16px; font-weight:bold; color:#1E508F; background-color:inherit; margin:0 0 20px 40px; padding:0}
.blocfulltexte h5.fleche{ margin:0; padding:0 0 0 40px; line-height:26px; background:url(../interface/fleche.gif) no-repeat 0 0;}


.blocfulltexte p{ font-size:13px; color:#333333; background-color:inherit; margin:5px 0 10px 0; padding:0 20px 0 40px}
.blocfulltexte p.ssmarge{ font-size:13px; color:#333333; background-color:inherit; margin:5px 0 10px 0; padding:0 20px 0 0}
.blocfulltexte p a{color:#EA2D30; background-color:inherit; text-decoration:none;}
.blocfulltexte p a:hover{color:#EA2D30; background-color:inherit; text-decoration:underline;}
 
.blocfulltexte ul.listeligne{ margin:0 0 20px 40px; padding:0}
.blocfulltexte ul.listeligne li{ font-size:13px; color:#333333; background-color:inherit; margin:0 0 5px 0; padding:0 0 0 10px; background:url(../interface/listeligne.gif) no-repeat 0 6px}
.blocfulltexte ul.listeligne li a{ color:#EA2D30; background-color:inherit; text-decoration:none;}
.blocfulltexte ul.listeligne li a:hover{ color:#EA2D30; background-color:inherit; text-decoration:underline;}

.blocfulltexte ul.listeligne_faq{ margin:5px 0 10px 18px; padding:0}
.blocfulltexte ul.listeligne_faq li{ font-size:13px; color:#333333; background-color:inherit; margin:0 0 5px 0; padding:0 0 0 10px; background:url(../interface/listeligne.gif) no-repeat 0 6px}
.blocfulltexte ul.listeligne_faq li a{ color:#EA2D30; background-color:inherit; text-decoration:none;}
.blocfulltexte ul.listeligne_faq li a:hover{ color:#EA2D30; background-color:inherit; text-decoration:underline;}

.blocfulltexte ul.listearticle{ margin:0 0 20px 40px; padding:0}
.blocfulltexte ul.listearticle li{ font-size:13px; color:#333; background-color:inherit; margin:0 0 10px 0; padding:0 0 0 10px; background:url(../interface/listeligne.gif) no-repeat 0 9px}
.blocfulltexte ul.listearticle li a{ color:#333; background-color:inherit; text-decoration:none;}
.blocfulltexte ul.listearticle li a:hover{ color:#333; background-color:inherit; text-decoration:underline;}

.blocfulltexte ul.listepresse { margin:0 0 10px 40px}
.blocfulltexte ul.listepresse li { background:url(../interface/lien.gif) no-repeat 0 3px; padding:0 0 0 15px; color:#333333; background-color:inherit; font-size:13px}
.blocfulltexte ul.listepresse li a{  color:#333; background-color:inherit; text-decoration:none;}
.blocfulltexte ul.listepresse li a:hover{  color:#333; background-color:inherit; text-decoration:underline;}

.blocfulltexte ul.listepresse2 { margin:0 0 20px 40px; padding:0}
.blocfulltexte ul.listepresse2 li{ font-size:13px; color:#333; background-color:inherit; margin:0 0 5px 0;}
.blocfulltexte ul.listepresse2 li a{text-decoration:none;}
.blocfulltexte ul.listepresse2 li a:hover{text-decoration:underline;}

.blocfulltexte a{color:#333333; background-color:inherit;}
.blocfulltexte a:hover{color:#333; background-color:inherit;}

.blocfulltexte ul.redlist { margin:15px 0 15px 40px}
.blocfulltexte ul.redlist li { background:url(../interface/lien.gif) no-repeat 0 3px; padding:0 0 0 15px; color:#EA2D30; background-color:inherit; font-size:13px}
.blocfulltexte ul.redlist li a{  color:#EA2D30; background-color:inherit; text-decoration:none;}
.blocfulltexte ul.redlist li a:hover{  color:#EA2D30; background-color:inherit; text-decoration:underline;}

.blocfulltexte ul.blacklist { margin:0 0 20px 40px}
.blocfulltexte ul.blacklist li { background:url(../interface/lien.gif) no-repeat 0 3px; padding:0 0 0 15px; color:#333333; background-color:inherit; font-size:13px}
.blocfulltexte ul.blacklist li a{  color:#EA2D30; background-color:inherit; text-decoration:none;}
.blocfulltexte ul.blacklist li a:hover{  color:#EA2D30; background-color:inherit; text-decoration:underline;}


.blocfulltexte p.btnloadcontrat {width:236px; height:26px; margin:0 0 36px 0}
.blocfulltexte p.btnloadcontrat  a{ display:block; background:url(../interface/btn_telecharger_adhesion.gif) no-repeat 0 0; width:236px; height:26px;}
 
.blocfulltexte p.btnloadcontrat  a span {display:none;}

.blocfulltexte p.btnload_mode_emploi {width:236px; height:26px; margin:20px 0 36px 0}
.blocfulltexte p.btnload_mode_emploi  a{ display:block; background:url(../interface/btn_telecharger_mode_emploi.gif) no-repeat 0 0; width:236px; height:26px;}
 
.blocfulltexte p.btnload_mode_emploi  a span {display:none;}

.blocfulltexte p.contrainte {font-size:12px; color:#0AA6E2; line-height:16px; background-color:inherit; margin:5px 0 10px 0; padding:0 0 0 40px; }

.blocfulltexte p.conditions {font-size:10px; background-color:inherit; margin:5px 0 10px 0; padding:0 0 0 40px; }

.blocfulltexte p.separ {border-bottom:1px dotted #666666; height:1px; background-color:inherit; margin:0 10px 10px 40px;}

.blocfulltexte p.privileges { float:right; font-size:16px; color:#1E508F; text-align:center; width:290px; height:60px; margin:30px 20px 0 0; padding:10px 0 0 0; background:url(../interface/cartouche_rect_arrondi.gif) no-repeat 0 0;}
.blocfulltexte p.privileges  a{ font-size:11px; color:#0AA6E2; background-color:inherit; text-decoration:underline; padding:0 0 0 15px; background:url(../interface/puce_triangle_bleue.gif) no-repeat 0 3px; } 

#pieces_justificatives {display:none;}

/* ************* */
/* PAGE 2/3 1/3	*/
/* *********** */

#col1 {width:465px; background-color:#ffffff; margin-top:15px; margin-right:15px; float:left}
#col2 {width:180px; background-color:#ffffff; margin-top:25px; float:right}

#col1 .visuel {width:200px; float:right; margin-left:1em; text-align:center}
#col1 h1 {font-size:2em; color:#1E508F; padding:0}
#col1 h2 {font-size:1.2em; color:#FF0000; padding:0}
#col1 p {padding:0}
#col1 li {font-size:1em; color:#1E508F; list-style-type:disc; margin-left:1.5em}
#col1 .separ {border-bottom:1px dotted #666666; height:10px; margin:0; margin-bottom:10px}
#col1 .co2 {font-size:1em; color:#009900; padding-left:2em; line-height:45px; background:url(../images/infos_co2.gif) no-repeat 0 0}

#col2 h1 {font-size:1.5em; color:#FF0000; padding:0}
#col2 p {color:#1E508F; padding:0; margin-top:-0.75em; margin-bottom:25px}
#col2 .ecolo {height:180px; background:url(../images/roulez_ecolo.gif) no-repeat 0 0; margin-bottom:1.5em}
#col2 .ecolo p {font-size:1em; color:#009900; text-align:right; margin-bottom:0.5em; padding-top:83px; padding-right:1.25em}
#col2 .ecolo li {font-size:1em; color:#333333; list-style-type:disc; margin-left:2.5em; padding-right:1em}

/* ************* */
/* PAGE Manifeste	*/
/* *********** */

#mcolleft {width:255px; background-color:#ffffff; margin-top:0; margin-right:20px; float:left}
#mcolleft p { font-size:15px; margin:0; padding:0; text-align:left; line-height:23px}
#mcolright {width:255px; background-color:#ffffff; margin-top:0; float:left}
#mcolright p { font-size:15px; margin:0; padding:0; text-align:left; line-height:23px}
#titrerouge { color:#EA2D30}

/* *********** */
/* FORMULAIRE */
/* ********* */

#formulaire {width:50%; margin-left:40px; font-size:1.1em; font-weight:bold; color:#333; margin-top:20px}
.label {float:left; display:block; width:30%; padding-top:5px}
.champ, .menuDeroulant {float:left; width:60%; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1em; color:#333}
.radio {float:left; width:30%; margin-bottom:10px; font-weight:normal}
.champs_requis {font-size:0.9em; font-weight:normal; height:3em}

/* *********** */
/* VIDEO      */
/* ********* */

#video1 {float:left; height:248px; margin:5px; background-color:#000000; padding:3px;}
#video2 {float:left; height:248px; margin:5px; background-color:#000000; padding:3px;}
.video li {list-style:none; padding:10px 0 15px 0; color:#333;}

/* *********** */
/* RECHERCHE */
/* ********* */

#page_recherche h3 { font-size:medium }
#page_recherche ul.liste_resultats li { padding:10px 0; font-size:13px; color:#333333 }
#page_recherche .pathway_recherche { padding-bottom:3px; font-size:14px }
#page_recherche .pathway_recherche a { text-decoration:none; color:#1E508F; font-size:14px; font-weight:bold; }
#page_recherche .pathway_recherche a:hover { text-decoration:underline }
#page_recherche .pathway_recherche a.lien_article { font-weight: bold; color:#333 }
#page_recherche .pagination, #page_recherche .pagination a { font-size:10px; color:#333 }
#page_recherche .pagination .on { font-size:10px; font-weight:bold; color:#EA2D30; }

/* **************** */
/* TABLEAUX TARIFS */
/* ************** */

.tableau { width:500px; margin-left:40px; font-size:13px; color:#333; text-align:left; background:#FFF}
.tableau a { color:#0AA6E2; }
.tableau a:hover { color:#004990; }
.tableau td { border:#0AA6E2 1px solid; height:25px; padding-left:5px; }
.trame { background:#EAF2FA; }
.offert { color:#F33; }
.libelle_tableau { color:#004990; }
.bg_pass { background:url(../images/pass.png) no-repeat 45px 5px; }

/*.imgRight { margin-top:5px; margin-bottom:5px }*/
.blocfulltexte p.imgRight {margin-top:10px;margin-bottom:20px;}
.hide { display:none }

/*
 * js table_getCorners()
 * jqTableCorner tcNW
 */
.table_getCorners_handle {
	position:relative;	
}
.jqTableCorner {
	display:block; position:absolute; z-index:2;
	/* top:js; left:js */
}

.for_tableau .jqTableCorner {
	width:25px; height:25px; 
}

.for_tableau .tcNW {
	left:40px; top:0;
	background:url(../images/table_getcorners/arr_hg.png) no-repeat top left;
}

.for_tableau .tcNE {
	top:0;
	background:url(../images/table_getcorners/arr_hd.png) no-repeat top right;
}

.for_tableau .tcSW {
	left:40px; bottom:0;
	background:url(../images/table_getcorners/arr_bg.png) no-repeat bottom left;
}

.for_tableau .tcSE {
	bottom:0;	
	background:url(../images/table_getcorners/arr_bd.png) no-repeat bottom right;
}