@charset "utf-8";
/* CSS Document */


	/*lists*/

ul.block_ref{
	width:inherit;
	padding:15px;
	margin-top:0;
	list-style:none;
	}	
ul.block_ref li{
	margin-bottom:10px;
	}	
*|html[xmlns*=""] .conceil {
  border:1px solid #DFDFDF;
}/*hack opera*/
*|html[xmlns*=""] .block_ref {
  border:1px solid #DFDFDF;
}/*hack opera*/
	
	

	
	/*Contact*/
.contact_info{
	width:260px;
	float:right;
	margin-right:80px;
	_margin-right:40px;
	}	
#inputArea
  {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color:#dfdfdf;
  padding: 10px;
  width:310px;
  margin-left:20px;
  border-top:1px solid #ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 0 1px #AFAFAF;
	-webkit-box-shadow:0 0 1px #AFAFAF;
	box-shadow:0 0 1px #AFAFAF;	
  }
*|html[xmlns*=""] #inputArea {
  border:1px solid #bebebe;
}/*hack opera*/ 

#inputArea h2{
	margin-top:20px;
	} 
#inputArea select{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 14px;
  display: block;
  padding: 4px;
  width: 300px;  
	}	
#inputArea input, #inputArea textarea
  {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-bottom: 14px;
  display: block;
  padding: 4px;
  width: 300px;
  }

	
/*Tables Utiles*/
	
		/*DIV ANNONCES*/

.div_annonce_box{
	padding:0 0 10px;
	/*border:1px solid #d8d8d8;*/
	border-top:1;
	margin:20px 0;						/* Distance du haut de du cadre du milieu */
	clear:both;
	}		
.div_annonce{
	padding:0 0 10px;
	border:1px solid #d8d8d8;
	border-top:1;
	margin:20px 0;						/* Distance du haut de du cadre du milieu */
	clear:both;
	}		
.div_annonce .h1_utiles{
	border-bottom:1px solid #d8d8d8;
	border-left:none;
	border-right:none;
	}
.div_annonce p{
	margin:10px 0;     /* La taille des boites  */ 
	}
.handcursor{
cursor:hand;
cursor:pointer;
}

/*timer*/
#cd {
	border-top: 1px solid #d94a75;
   background: #c9466d;
   background: -webkit-gradient(linear, left top, left bottom, from(#99173c), to(#c9466d));
   background: -moz-linear-gradient(top, #99173c, #c9466d);
   padding: 16.5px 33px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 21px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   width:200px;
   text-align:center;
   }
.button:hover {
   border-top-color: #313233;
   background: #313233;
   color: #ccc;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

ul.creation_site_adult{
	list-style-type:none;
	margin:20px;
	float:left;	
	}
ul.creation_site_adult li{
	float:left;
	margin-right:20px;
	}	


.headline2 {
        border-bottom: 1px solid #aaa;
        margin: 15px 0;
        padding: 5px 0;
        position: relative;
}

.headline2:before,
.headline2:after{
        content: '';
        border-right: 20px solid #F7F7F7;
        border-top: 15px solid #aaa;
        bottom: -15px;
        position: absolute;
        left: 25px;
}

.headline2:after{
        border-top-color: #F7F7F7;
        border-right-color: transparent;
        bottom: -13px;
        left: 26px;
}

div.cont_titre_creation{
	height:43px;
	line-height:43px;
	background:url(../images/titre_creation.jpg) top left repeat-x;
	border-top:3px solid #99173C;
	margin-bottom:20px;
	}
.titre_creation{
	height:40px;
	line-height:40px;
	padding:2px 0 0 0;
	border-top:1px solid #f1f1f1;
	
	
	}
.titre_creation a{
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	padding:0;		
	text-decoration:none;
	text-transform:uppercase;
	color:#f7f7f7;	
	width:374px;
	text-align:center;	
	}

.titre_creation a.crea_active_r{
	background: #f7f7f7 url(../images/bgr_creation_coin.jpg) top right no-repeat;	
	color:#807777;
	
	}
.titre_creation a.crea_active_l{
	background: #f7f7f7 url(../images/bgr_creation_coin_left.jpg) top left no-repeat;	
	color:#807777;		
	}

.table_horaire{
	margin:0 0 40px 20px;
	}
.table_horaire th, .table_horaire td{
	padding:2px 0 2px 10px
	
	}	
th{
	text-align:left}
tr.tr_gris{
	background:#dfdfdf;	}	

.important{
	text-decoration:underline;
	font-weight:bold;
	}

/* Ajouter par Hakim le 11-04-2012 pour la partie Onglets
/* Tab menu styles generated via the horitontal menu builder @ www.cssmenubuilder.com */ 




.retrait {
margin-left:40px;
}
.doubleretrait {
margin-left:80px;
}
.tripleretrait {
margin-left:120px;
}