/*	               Gabarit 2 colonnes  du Front			               	*/

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

body 		{ padding: 0; font-family: arial; font-size: 12px; text-align: center; color: #fff; background:url(../images/fond/body.jpg) center top no-repeat; background-color: #000;}

h1 		{ position: absolute; top: 20px; left: 31px; }
h2   		{ margin: 35px 0 0 0; padding: 0 0 0 15px; font: normal 20px arial; color: #fff; background:url(../images/fond/h2.gif) left top no-repeat; height:48px   }
h3  		{  margin: 35px 0 0 0; padding: 3px 0 0 15px; font: bold 15px arial; color: #fff; background:url(../images/fond/h3.gif) left top no-repeat; height:48px }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

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

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


ul li 				{ list-style: none; font: normal 11px/18px arial; 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:#b2c50e; text-decoration: underline; font: normal 12px arial }
a:hover  { color:#fff; text-decoration: underline }

abbr    { cursor: help;  } 

/*	////////////////////			 Menu Login/Logged 					*/
div#menu-login 						{ }
div#menu-login p.lien1 				{ }
div#menu-login input.connexion   { }

input.ch 								{ }

div#menu-logged 						{ }
div#menu-logged p.lien2 			{ }
div#menu-logged p#bonjour 			{ }
div#menu-logged a.deconnect 		{ }


/*	////////////////////			Conteneurs generaux 					*/	
#main				    { position: relative; width: 960px; margin: 0 auto;  text-align:left; }
#intro 	 { width:960px; height:124px; position:relative}
#menu-top  			 { position:absolute; left:188px; top:100px;}
#menu-top li 			 { display:block; float:left;  background:url(../images/puce/menutop.gif) right top no-repeat; padding:0 12px; margin:0 }
#menu-top li a			 { color:#fff; font-family:verdana; font-size:10px; text-decoration:none; font-variant:small-caps;}
#menu-top li a:hover			 { color:#b3c608; }

#content 			 { margin: 0; padding:0; overflow: auto; position:relative}
div#colleft { float: left; width: 220px;  margin-top:55px; }
div#colright { float: right; width: 715px; margin: 0;}


/*					menu gauche					*/
#newsletter {background:url(../images/fond/newsletter.jpg) left top no-repeat; width:217px; height:99px; padding:47px 0 0 3px }
#newsletter input.text { background:url(../images/fond/input02.gif) left top no-repeat; width:122px; height:22px }
#clients {  background:url(../images/fond/clients.jpg) left top no-repeat; width:217px; height:135px; padding:55px 0 0 10px; margin:28px 0 }
#clients input.ch { background:url(../images/fond/input01.gif) left top no-repeat; width:126px; height:23px }
#clients label { width: 70px; display:block; float:left}
#clients a{ font-size:10px; color:#afa698}
#clients a:hover{ color:#fff; }


/*			home			*/
.edito { width:361px; background:url(../images/fond/edito.jpg) left bottom no-repeat; text-align:justify; padding: 0 10px 15px; }
	.edito p {text-align:justify;}
	.edito-intro {}
	.edito-body {width:175px;}
.righthome{  float:right; text-align:center; margin-top:27px}


/*	////////////////////			Footer								   */
#outro 				 { width:100%; height: 50px; background-color: #2a2a2a; clear: both }
#outro p, #outro address  { color:#8e8e8e; text-align: right; width:960px; margin:0 auto; padding-top:3px; font-style:normal;}
#outro p a 			 { color:#8e8e8e; text-decoration: none; margin:0 10px }
#outro p a:hover   { text-decoration: underline }


/*					pages internes					*/
.tableliste td{ width:115px; height:65px; background:url(../images/fond/tableliste.jpg) left top no-repeat; text-align:center; vertical-align:middle}
.listesalles li{ background:url(../images/puce/listesalles.gif) left top no-repeat; padding-left:15px}
.listesalles li a{ text-decoration: none}


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

form.formatform                  { width: 90%;  margin: 0px auto 15px auto; padding: 15px;  } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d;  } 
form.formatform  input, form.formatform  select, form.formatform  textarea          { border: 1px solid #ccc; background-color:#d5be9d; color:#332819  }
 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
form.formatform  input.valid{ background:url(../images/fond/valid.gif) left top no-repeat; border:none; height:31px; color:#fff; font-weight:bold; padding-left:32px; margin-top:15px}

.formatform .radioInput input    { position: static ; background-color: #000 } 
form.formatform .radioInput label.lbleft    { float: left; width: 97px; font: bold 11px arial; color: #7d7d7d;   } 
form.formatform .radioInput li  { margin: 7px 25px 0 0px;   } 

/*	////////////////////			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 }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #aec00c }
.center 	{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.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;   } 
.aucun     { text-align: center; padding: 55px 0 0 0;   } 
.fright{ float:right; margin:0 15px 10px 15px}
.fleft{ float:left; margin:0 15px 10px 0}

/*	////////////////////			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color:#d64c00; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }



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



/* /////////////////////////////////				 Page Mentions						   */

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

.inlineblock {
					display: -moz-inline-stack;  
					display: inline-block;      
					margin: 10px 25px 20px 25px;}

.inlineblock h3 { font: bold 14px verdana; padding:0  }	

.conformement 		   { font: normal 10px verdana; font-style:italic; text-align:center; margin-top:30px }

 
div.mention-bot  {     background: url(../images/fond/mention-bot.gif) left bottom no-repeat;    } 
div.mention-top  {  width: 232px; height: 197px; padding: 10px ;  background: url(../images/fond/mention-top.gif) left top no-repeat;  } 

/* ////////////////////////////////////////           Pages planning global */
.planningSearch { border: 1px solid #9aaa10; padding: 10px; width: 60%; margin: auto; text-align: center; }

.tab_planningglobal { border-spacing: 0px; border-collapse: collapse; width: 700px; margin: auto; border: 0px; }
.tab_planningglobal tr td { background: #000000; border: 0px; padding: 5px; vertical-align: middle; }
.tab_planningglobal tr th { text-align: center; }
.tab_planningglobal .date { width: 100px; background: #ffffff; color: #000000; }
.tab_planningglobal .salle { background: #717171; color: #ffffff; border-left: solid 1px #717171; }
.tab_planningglobal .heures { background: #837663; text-align: center; border: 0px; border-bottom: 1px solid #50422e; }
.tab_planningglobal .caseTop { border-left: solid 1px #2e2b30; border-bottom: solid 1px #2e2b30;  }
.tab_planningglobal .caseBottom { border-left: solid 1px #2e2b30; border-bottom: solid 1px #cccccc;  }