/* Gabarit 2 colonnes  du Front				*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }  

body 		{ padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 90px; display:block; text-indent: -999em }
h2   		{ margin: 5px 0 20px 20px; padding: 0 0 0 75px; font: normal 18px "Trebuchet MS"; color: #630001; 
     		  background: url(../images/fond/f-h2.gif) left 3px no-repeat;  }
h2 span    { position:relative; top: 3px; left: 0px;   } 
h3  		{ margin: 15px 0 10px 0px; font: normal 18px verdana; color: #806b3c }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px verdana; color: #806b3c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px verdana; color: #806b3c }

p    		{ font: normal 11px/18px verdana; margin: 0 0 5px 0; text-align:left }

input    { padding: 0 0 0 3px; font: normal 11px verdana }
textarea { padding: 4px; font: normal 11px verdana }

ul li 				{ list-style: none; font: normal 11px/18px verdana; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color: #78941e; text-decoration: underline; font: normal 11px verdana }
a:hover  { color: #78941e; text-decoration: underline }

abbr    { cursor: help;  } 

.format    { padding: 0 20px   } 

p.edito a    { color: #ffffff;   } 

/* ////////////////////////		Page de connexion         */

.connect-bot    {  width: 736px; margin: 0 0 0 7px;  background: url(../images/fond/connect-bot.gif) left bottom no-repeat;  } 
.connect-top    {  width: 736px; height: 279px; padding: 63px 0 13px 0;  background: url(../images/fond/connect-top.jpg) left top no-repeat;  } 

p.edito    {  font: normal 11px verdana; color: #ffffff; text-align: justify  } 

.loginZone    					   { float: right; width: 265px; padding: 0 12px  }
.loginZone h2		   			{ margin: 17px 0 9px 0px; padding: 0;  }
.loginZone form		  			{ margin: 0 0 0 0px; padding: 0;  }
.loginZone p    				   {  }
.loginZone label       		   { display: none;  }
.loginZone p.validForm        { position:relative; top: 6px; left: 0px;  }
.loginZone p.linkx            {      } 
.loginZone p.linkx  a         { font: normal 11px verdana; text-decoration: none;   color: #f3ffcd ; text-decoration: underline;   } 
.loginZone input.ch 			   { width: 121px; height: 17px; color: #7a754f; padding: 0 0 0 10px;   border: 1px solid #c7c19c }
.loginZone input.valid 		   { position:relative; top: -6px; left: 3px;  }



/* /////////////////////////////////////////////			Affichage des tableaux  */

.full               			    { width: 728px;  margin: 0 0 15px 13px; position:relative; top: 0; left: 0px;  } 
.full caption       			    { font: bold 15px verdana;  margin: 0pt 0pt 4pt 24px; text-align: left;   padding: 0;  color: #43a62a;   } 
.full td             			 { padding: 8px 6px; color: #195F06   } 
thead                			 { margin: 0 89px;  font-weight: bold; color: white ; font-weight: bold;  text-align: center; background-color: #43a62a }
th                   			 { padding: 3px 0;}

.full tr.gray td               { background-color: #ecf1db  } 
.full tr.white td              { background-color: #e4ebce  } 

td.lab    { font-weight: bold;   } 


/* /////////////////////////////////////////////			Conteneurs generaux 					*/	
#main				    { position: relative; width: 902px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y }

#intro 				 { width:902px; height:139px; background: url(../images/fond/header.gif) left top no-repeat }

#menu-top 			 {	 }

#content 			 { margin: 0; padding:0; overflow: auto; }
div#colonne_gauche { float: left; width: 155px; min-height: 355px;  padding: 0;}
div#colonne_droite { float: right; width: 746px; margin: 0; padding: 0;   border-left: 1px solid #be0027  }

/* /////////////////////////////////////////////			Menu de gauche   */
div#colonne_gauche 						{  }
div#colonne_gauche ul 					{ margin: 12px 0 0 0; padding: 0;  }
div#colonne_gauche ul li				{ text-align :right; margin: 0 0 22px 0; padding: 0 10px 0 0;  }
div#colonne_gauche ul li a				{ display: block;  font: bold 16px Georgia; text-decoration: none; color: #be0027 }
div#colonne_gauche ul li a:hover    { color: #f81d4a  } 

div#colonne_gauche ul li a.gerer		{ display: block; font: bold 16px Georgia; text-decoration: none; color: #ea1c46 }




.codeContratButton         { display: block;  width: 67px; height: 18px; color: #ffffff; text-decoration: none;  background: url(../images/bt/button5.gif) left top no-repeat;  } 
.codeContratButton:hover   { text-decoration: none; color: #ffffff;  } 


.ida        { text-decoration: none;  } 
.ida span   {   position:relative; top: -4px; left: 0px; padding: 0 0 0 7px   } 
.ida:hover        { text-decoration: underline;  } 

/* ///////////////////				Footer								   */
#outro 				 { width:902px; height: 57px; background: url(../images/fond/footer.gif) no-repeat; clear: both }
#outro p 			 { color: #78941e; text-align: left; padding: 6px 0 0 0px }
#outro p a 			 { color: #78941e; text-decoration: none }
#outro p a:hover   { text-decoration: underline }


/* ///////////////////				Formulaires 						  */

form.formatform                  { width: 450px;  margin: 30px auto 15px auto; padding: 15px 20px 10px 20px;  border: 1px solid #c0c0be } 
form.formatform  p               { margin: 0 0 9px 0px; } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 155px; font: bold 11px verdana; color: #7d7d7d;  } 
form.formatform  input           { border: 1px solid #a3a3a3  }

  p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
 select           { border: 1px solid #a3a3a3 ; font: normal 11px verdana } 
textarea          { border: 1px solid #a3a3a3 ; font: normal 11px verdana } 
 


select.multiple    { height: 140px; width: 100px;   } 
span.small    { display: block; width: 120px ; position:relative; top: 14px; left: 0px;  }


/* Gestion Acces */
#gestionAcces        { width: 550px;  margin: 30px auto 15px auto; padding: 15px 15px 10px 15px;  border: 1px solid #c0c0be   }
#gestionAcces h3     { font: bold 12px verdana; float: left; margin: 0 10px 0 0px;    } 
#gestionAcces select { position:relative; top: -6px; left: 0px;  } 
#gestionAcces a      { padding: 0 10px } 
 
/* Creation Acces */
#creationAcces      {   } 
#creationAcces p.valid   { text-align: center;  } 
 
span.alerte     { font: italic normal 11px verdana; color: #be0027 ; padding: 0 0 0 10px;  } 
 
/* Suppression acces */
 
#formSuppr h3    { font: bold 12px verdana; float: left; margin: 0px 10px 0 0px;    } 
 
 


/* ///////////////////				Modifier Acces 						*/
#modifAcces    {   } 
#modifAcces  p.valid  { text-align: center;   } 


/* Profil   */
form#profileForm    { width: 65%  } 
form#profileForm  label.lbleft    { float: left; width: 212px; font: bold 11px verdana; color: #7d7d7d;  } 
form#profileForm p.valid  { text-align: center;   } 
 
  
/* ///////////////////				Page contact  */
form#contactForm   						 { width: 660px; position:relative; top: 0px; left: 0px; background-color: #f2f7e2  } 
form#contactForm  td.case2  			 { padding: 0 0 0 33px;   }
form#contactForm  td.case2 input 	 { width: 166px;    } 
form#contactForm   label.lbleft 		 { width: 149px;   } 
form#contactForm   textarea			 { width: 633px; height: 100px;   } 
form#contactForm   p.recevoir        { position: absolute; top: 15px; left: 500px; background-color: #e9eed9; padding: 2px 7px   } 
form#contactForm   p.valid    		 { text-align :right; padding: 0 15px 0 0; position:relative; top: 7px; left: 0px;   } 
form#contactForm   p.mess     	    { padding: 7px 0 0 0;   } 




/* ///////////////////				General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }

.formatform .bita   { margin: 5px 0pt 24px 3px; text-align: left; font: bold italic 12px verdana; color: #73AF62 }
.bita2 	           { margin: 5px 0pt 24px 3px; text-align: center; font: bold italic 12px verdana; color: #73AF62 }
.bita2 a            { margin: 5px 0pt 24px 3px; text-align: center; font: bold italic 12px verdana; color: #73AF62 }


.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 

/* 			Messages d erreurs					 */
.denied       { margin: 10px auto 20px auto; width: 550px;  color: #246d12;  font: normal 12px verdana; background-color: #f2f7e2; border: 1px solid #43a62a; padding: 5px 10px; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }

.deniedConnect        { left:677px; position:absolute; top:153px; width:290px;   } 
.deniedConnect ul li  { margin: 0 0 3px 0; padding: 0 0px 0 17px; background: url(../images/puce/p1.gif) left 3px no-repeat;  } 

/* -------------------------------    */

div.element-s    { width: 172px;  background: url(../images/fond/element-s.gif) left top repeat-y;   } 
div.element-bot  {  background: url(../images/fond/element-bot.gif) left bottom no-repeat;  } 
div.element-top  {  padding: 37px 0px 10px 0px;  background: url(../images/fond/element-top.gif) left top no-repeat;  } 



/* 			Page Mentions						   */

.conteneurAdresseMention    {  text-align: center; margin: 15px 0 10px 0px;   } /* Conteneur des 2 blocs d'adresse */

.inlineblock {
					float: left;    
					margin: 10px 5px 20px 52px;
					border: solid 1px #b4b4b4;
					padding: 10px 15px;
					width: 225px;
					height: 196px;	
		}

.inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px verdana;  }	

.conformement 		   { font: normal 10px verdana }