/*-------------------------------------------------------------------------------------*/
/* =  Style commun			 */
/*-------------------------------------------------------------------------------------*/
hr{display:none;}
a img{border:none;}

html{
	background:#fff url('/global/images/bg_fond.png') repeat-x;
}

body{
	background:transparent url('/global/images/illustrationFond.png') no-repeat top center;
	font-family:"Trebuchet MS", arial, sans-serif;
}

#Page{
	width:960px;
	margin:0 auto 0 auto;
	padding-bottom:30px;
}

#Header{
	position:relative; display:block;
	height:9em; 
}

#Contenu{clear:both;}

#Header,
#Contenu,
#BlockReduction{
	overflow:auto;
}

.Cola{
	width:411px;
	float:left;
	overflow:hidden;
	
}
.Colb{
	width:529px;
	overflow:hidden;
	float:right;
}


.Cola #BlockReduction .Cola{width:231px;}
.Cola #BlockReduction .Colb{width:180px;}

.Colb #BlockReduction .Cola{width:349px;}
.Colb #BlockReduction .Colb{width:180px;}


#nvert{text-align:right;}




/*-------------------------------------------------------------------------------------*/
/* =  Header			 */
/*-------------------------------------------------------------------------------------*/
#Header{background:transparent url('/global/images/bgHeader.png') no-repeat top left;}
#Header a{color:#fff; text-decoration:none;}

#Header h1{position:absolute; bottom:55px; right:45px; }
#Header h1{
	display:block; width:517px; height:42px;
	overflow:hidden; text-indent:-200em;
	background:transparent url('/global/images/logo.png') no-repeat top left;
	}

#Header ul{ font-size:85%; color:#fff;}
#Header ul li{
	float:left; display:block;
	margin:3px 5px; padding:0 0;
	white-space: nowrap;
	/*display:inline;*/
}

#Header #webcallback{
float:right;
margin-top: 35px;

	}

/*-------------------------------------------------------------------------------------*/
/* =  Block Recherche			 */
/*-------------------------------------------------------------------------------------*/
#Recherche{
	position:relative;
	background:transparent url('/global/images/bgRechercher.png') no-repeat; 
}

#Recherche h2{
	display:block; overflow:hidden; text-indent:-200em; height:31px; width:327px;
	background:transparent url('/global/images/bgRechercheh2.png') no-repeat; 
	}

#Recherche .line1{margin-top:5px;}
#Recherche .line2{margin-top:19px;}
#Recherche .line3{margin-top:25px; margin-bottom:10px;}

#Recherche label{ color:#fff; font-size:15px; 
	display:block; width:133px; float:left;
	padding-left:7px;
	position:relative;
}
#Recherche input, #Recherche select {width:165px; font-size:12px}
#date_stage { width:140px!important; margin-right: 5px }

#Recherche .FieldValid{position:absolute; top:38px; left:325px;}
#Recherche .FieldValid input{width:76px; width:80px; }

#Recherche #date_stage{position:relative;}

/*-------------------------------------------------------------------------------------*/
/* =  Promo203x78			 */
/*-------------------------------------------------------------------------------------*/
.Promo203x78{
	overflow:hidden; height:78px;
}
.Promo203x78 img{float:left; margin-right:2px;}

.Promo203x78, .Promo411x66{margin:20px 0;}

.PromoPartenaire{height:235px;overflow:hidden;}
/*-------------------------------------------------------------------------------------*/
/* =  BlockReduction			 */
/*-------------------------------------------------------------------------------------*/

/*--------------------- Commun*/
#BlockReduction{overflow:auto; margin-top:-70px;}
#BlockReduction #contenuReduc{
	background:#FF8700 url('/global/images/bgcontenuReduc4.png') bottom left no-repeat;
	overflow:auto; 
	}
#BlockReduction .Cola{margin-top:58px;}

#BlockReduction h3{display:block; overflow:hidden; text-indent:-200em; position:relative; top:58px;}

.Colb #BlockReduction h3{width:349px; height:91px;background:transparent url('/global/images/reductionh3_colb.png') no-repeat;}
.Cola #BlockReduction h3{width:231px; height:92px;background:transparent url('/global/images/reductionh3_cola.png') no-repeat;}

/*--------------------- Ligne reduction*/
.lineReduc{border-top:1px #FFC56E solid; padding:8px;color:#fff; overflow:auto;}
.lineReduc .d1{font-size:116%;}
.lineReduc .d2{font-size:100%;}
.lineReduc .d3{font-size:95%;}
.lineReduc a{color:#fff; text-decoration:none;}

.Cola .description{width:150px; float:left; }
.Colb .description{width:220px;}

.Colb #BlockReduction .Cola .stampReduc{float:left; margin-right:5px;}
.Cola #BlockReduction .Cola .stampReduc{float:right;}
.Cola #BlockReduction .inscription{float:right;}



/*-------------------------------------------------------------------------------------*/
/* =  Macaron reduction			 */
/*-------------------------------------------------------------------------------------*/
p.Reduc15{
	display:block; width:48px; height:48px;
	background:transparent url('/global/images/macaronPromo15.png') no-repeat;
}
p.Reduc30{
	display:block; width:48px; height:48px;
	background:transparent url('/global/images/macaronPromo30.png') no-repeat;
}
p.Reduc45{
	display:block; width:48px; height:48px;
	background:transparent url('/global/images/macaronPromo45.png') no-repeat;
}
p.Reduc15,p.Reduc30,p.Reduc45{position:relative;}
p.Reduc15 span,p.Reduc30 span,p.Reduc45 span{position:absolute; top:15px; left:7px; font-size:134% !important; color:#fff; font-weight:bold;}
.Cola p.Reduc15 span,.Cola p.Reduc30 span,.Cola p.Reduc45 span{top:13px; left:6px;}
a.Voirplan{
	margin:3px 0;
	display:block; overflow:hidden; text-indent:-200em;
	width:100px; height:20px;
	background:transparent url('/global/images/btVoirCarte.png') no-repeat;
}
a.Voirplan:hover{
	background-position:0 -20px;
}

/*-------------------------------------------------------------------------------------*/
/* =  Bouton inscription			 */
/*-------------------------------------------------------------------------------------*/
a.Inscrire{
	display:block; overflow:hidden; text-indent:-200em; width:52px; height:48px;
	background:transparent url('/global/images/btinscrire.png') no-repeat;
	cursor:pointer;
}

a.AjoutFavoris{display:block; overflow:hidden; text-indent:-200em; width:43px; height:41px;
background:transparent url('/global/images/btFavoris.png') no-repeat;
cursor:pointer;}

a.EnvoyerAmi{display:block; overflow:hidden; text-indent:-200em; width:43px; height:41px;
background:transparent url('/global/images/btFavoris.png') no-repeat;
cursor:pointer;}

.Cola #BlockReduction a.Inscrire{
	width:55px; height:41px;
	background:transparent url('/global/images/btinscrirelong.png') no-repeat;
}

/*--------------------- picto pour la liste de stage*/

td.picto a.Inscrire{width:28px; height:45px;background:transparent url('/global/images/btINscriptionTab.png') no-repeat;}
td.picto a.EnvoyerAmi{width:28px; height:45px;background:transparent url('/global/images/btEnvoyerAmi.png') no-repeat;}
td.picto a.AjoutFavoris{width:28px; height:45px;background:transparent url('/global/images/btFavorisTab.png') no-repeat;}


td.picto li{float:left;
margin:0pt 2px;
padding:0pt;
position:relative;
text-align:center;}
td.picto em {
 font-weight: normal;
 background:transparent url('/global/images/cartouche_bak.gif') top right no-repeat;
 position: absolute;
 top: -50px;
 right:0px;
width: 300px;
 height: 20px;
z-index: 2;
 text-align: right;
 padding: 3px 18px 0 0;
 font-style: normal;
 color:#0E3B62;
 display: none;

}
td.picto em a,td.picto a{text-decoration:none;}

/*-------------------------------------------------------------------------------------*/
/* =  Footer			 */
/*-------------------------------------------------------------------------------------*/

/*--------------------- Cola*/
.Cola .footer{
	font-size:85%; color:#fff;
	background:#229E00 url('/global/images/bgFootCola_Head.png') top left no-repeat;
}
.Cola .footer a{color:#fff; text-decoration:none;}

.Cola .footer ul{
	overflow:auto; margin:10px 0;
	background:transparent url('/global/images/bgFootCola_foot.png') bottom left no-repeat;
}

.Cola .footer ul li{
	margin:5px 0; padding:0 5px; border-right:1px #fff solid;
	float:left; 	
}


/*-------------------------------------------------------------------------------------*/
/* =  Liste de stage			 */
/*-------------------------------------------------------------------------------------*/
#ListeStage{
/*	background-color:#fff;
*/	background:transparent url('/global/images/bgBlc.gif') no-repeat;
	margin:0 0;
	position:relative;
	padding:10px 0 20px 0;
}

#ListeStage table{
	clear:both; border-collapse:collapse;
	width:100%; font-size:93%; color:#343434;
}

#ListeStage table td,
#ListeStage table th{
	padding:4px;
}
#ListeStage table th.col1,
#ListeStage table th.col2,
#ListeStage table th.col3,
#ListeStage table th.col4{background-color:#00BDF4; color:#fff; height:29px;}
#ListeStage table th.col1{background:#00BDF4 url('/global/images/bgTableThCol1.png') no-repeat top left;}
#ListeStage table th.col4{background:#00BDF4 url('/global/images/bgTableThCol4.png') no-repeat top right;}

#ListeStage table th.col1{width:150px;}
#ListeStage table th.col2{width:79px;border-left:1px #fff solid;}
#ListeStage table th.col3{width:100px;border-left:1px #fff solid;}
#ListeStage table th.col4{width:185px;border-left:1px #fff solid;}

#ListeStage table th a.tri img{
	vertical-align:middle
	
}

#ListeStage table tr.limitrophe td{
	background-color: #F1FFF0;
}

#ListeStage table tr.pair td{
	background-color:#DFF6FD;
}

#ListeStage table tr.limitrophe.pair td{
	background-color:#E3FDE3;
}

#ListeStage table td span{font-size:110%;}
#ListeStage table td span.barre{text-decoration:line-through;}
#ListeStage table td span.prixReduit{color:#30921A;}

#ListeStage table td span.complet{color:red;}
#ListeStage table td span.derPlace{color:orange; font-size:11px;}

#ListeStage .annonceHome span.ah1{
	display:block; width:186px; height:56px; overflow:hidden; text-indent:-200em;
	background:transparent url('/global/images/text-actuelment.png') no-repeat;
	float:left;
	position:relative;
	
}
#ListeStage .annonceHome span.ah2{
	display:block; overflow:hidden;
	height:56px;
	font-size:280%; text-align:right; color:#00BDF4;
	float:left;
	padding:8px 3px 0 3px;
	position:relative;}

#ListeStage .annonceHome span.ah3{
	display:block; width:104px; height:56px; overflow:hidden; text-indent:-200em;
	position:relative;
}
#ListeStage .annonceHome span.annonces{
	background:transparent url('/global/images/text-annoceDispo.png') no-repeat;
	
}
#ListeStage .annonceHome span.places{
	background:transparent url('/global/images/text-placesDispo.png') no-repeat;
	
}

/*-------------------------------------------------------------------------------------*/
/* =  Panier			 */
/*-------------------------------------------------------------------------------------*/
#Panier{
	position:absolute; top:15px; right:15px;
	display:block; width:98px; height:28px;
	background:transparent url('/global/images/bgPanier.png') no-repeat;
	padding: 3px 0 0 30px; font-size:85%; color:#fff;
	line-height:95%;
}
#Panier a{color:#fff; text-decoration:none;}

#ViderFavoris a{
	display:block;
	background:transparent url('/global/images/viderFavoris.png') no-repeat;
	color:#15AFEE; font-size:75%; text-decoration:none;
	padding:8px 0 8px 35px;
	
}

/*-------------------------------------------------------------------------------------*/
/* =  rss			 */
/*-------------------------------------------------------------------------------------*/
#rss{
	height:auto; overflow:auto;
	background:#00bdf2 url('/global/images/bgrss.png') bottom left no-repeat;
	margin:10px 0;
	padding-bottom:5px;
}

#rss a{
	display:block; width:258px; height:18px; float:left; margin:5px 0 0 4px;
	background: transparent url('/global/images/bt_rss.png') no-repeat;
	font-size:85%; color:#000; text-decoration:none;
}

#rss a span{position:relative; top:2px; left:55px;}

#rssFiltre { 
	height:0px;
	display: none;
	background-color:transparent;
	margin:40px 0 0px 0;
	padding:0 10px;
	overflow:hidden;
}

#rssFiltre label{font-weight:bold; color:#fff; font-size:110%;}

/*-------------------------------------------------------------------------------------*/
/* =  Inscription			 */
/*-------------------------------------------------------------------------------------*/
.footinscription{margin:0px 0; overflow:auto; background:#229E00 url('/global/images/inscriptionfoot.png') bottom left no-repeat; padding-bottom:10px; clear:both;}
.footinscription a{color:#fff; text-decoration:none;}
.footinscription h3{
	display:block; overflow:hidden; text-indent:-200em;
	width:529px; height:39px;
	background:#fff url('/global/images/inscriptionH3.png') no-repeat;
	
}

.footinscription ul{background-color:#229E00; margin:10px 0;}
.footinscription ul li{
	float:left; width:143px; height:16px; overflow:hidden; color:#fff; font-size:85%;
	background:transparent url('/global/images/bgLiFootinscript.png') no-repeat;
	padding-left:15px;
	margin:3px 9px;
	}

/*-------------------------------------------------------------------------------------*/
/* = Actualités			 */
/*-------------------------------------------------------------------------------------*/
.footactualites{margin:0px 0; overflow:auto; background:#3298FF url('/global/images/actualitesfoot.png') bottom left no-repeat; padding-bottom:10px; clear:both;}
.footactualites a{color:#fff; text-decoration:none;}
.footactualites h3{
	display:block; overflow:hidden; text-indent:-200em;
	width:529px; height:39px;
	background:#fff url('/global/images/actualitesH3.png') no-repeat;
	
}

.footactualites ul{background-color:#179eec; margin:10px 0;}
.footactualites ul li{
	float:left; width:143px; height:16px; overflow:hidden; color:#fff; font-size:85%;
	background:transparent url('/global/images/bgLiFootactualites.png') no-repeat;
	padding-left:15px;
	margin:3px 9px;
	}




.Actualite { text-align:left;}
.Actualite img {margin:5px}
a.Actualite { color:#FF6600}

.PlusActu { text-align:right; margin-right: 10px}
a.PlusActu { font-weight:bold;}

.rss_actualites { text-align:right; font-weight:bold ; margin-top:-22px}

/*-------------------------------------------------------------------------------------*/
/* =  BlockWisiwig			 */
/*-------------------------------------------------------------------------------------*/
#BlockWisiwig{
	background-color:#fff;
	margin:10px 0 0 0;
	position:relative;
	font-family:"Trebuchet MS", sans-serif;
	padding:10px 0;
}


#BlockForm h1, #BlockWisiwig h1{font-size:160%; color:#00BDF4; font-weight:bold; margin:0 10px 10px 10px;}
#BlockForm h2, #BlockWisiwig h2{font-size:138%; color:#00BDF4; font-weight:bold; margin:8px 10px 3px 10px; border-bottom:1px #00BDF4 solid;}
#BlockForm h3, #BlockWisiwig h3{font-size:120%; color:#219100; font-weight:bold; margin:8px 10px 0px 10px;}
#BlockForm h4, #BlockWisiwig h4{font-size:110%; color:#219100; font-weight:bold; margin:5px 10px 0px 10px;}
#BlockForm h5, #BlockWisiwig h5{font-size:105%; color:#219100; font-weight:bold; margin:5px 10px 0px 10px;}
#BlockForm h6, #BlockWisiwig h6{font-size:100%; color:#219100; font-weight:bold; margin:5px 10px 0px 10px;}
#BlockForm p, #BlockWisiwig p{font-size:100%; color:#343434; margin:5px 10px; line-height:140%;}
#BlockForm strong, #BlockWisiwig strong{font-weight:bold;}
#BlockForm em, #BlockWisiwig em{font-style:italic;}
#BlockForm a, #BlockWisiwig a{color:#00BDF4; text-decoration:underline;}
#BlockForm ul, #BlockWisiwig ul{list-style-position:outside; margin:10px 30px;}
#BlockForm ul li, #BlockWisiwig ul li{list-style-type:circle;}
#BlockWisiwig table, #BlockForm  table{border-collapse:collapse; border:none; margin:10px 10px; width:96%;}
#BlockWisiwig table th, #BlockWisiwig table td,
#BlockForm table th, #BlockForm table td{padding:5px;}
#BlockWisiwig table th, #BlockForm table th , td.total{background-color:#00BDF4; color:#fff;}
#BlockWisiwig table td,#BlockForm table td {border-bottom:1px #343434 solid;}


/*-------------------------------------------------------------------------------------*/
/* =  formulaire inscription au satge 					 */
/*-------------------------------------------------------------------------------------*/
#BlockForm{font-family:"Trebuchet MS",Arial,Verdana,Lucida,sans-serif; color:#343434; font-size:100%; padding:8px; background:transparent url('/global/images/bgBlc.gif') no-repeat;
}
#BlockForm fieldset {border:none; margin:5px 10px 5px 10px;}
#BlockForm label {margin-right:5px;}
#BlockForm label.float {display:block; width:160px; float:left; border-bottom:1px #B4EBF4 solid;}
#BlockForm label.requis {color: red;}
#BlockForm label.civilite {position:relative; top:-5px; margin-left:3px;}
#BlockForm .alaligne {clear:both; margin:5px 0px 0px 165px;}
#BlockForm input.inputxt {width:324px; }
#BlockForm input.inputradio {border:none; position:relative; top:0px;}
#BlockForm p.sms {padding-left:185px;font-style:italic; color:#757575; font-size:93%;}
form :focus{
	color:#343434 !important;
	background-color:#A9FFF2;
}
input[type=submit]{
padding:3px 5px;
background-color:#00BDF4;
border:1px solid #048AD5;
border-top:1px solid #B4EBF4;
border-left:1px solid #B4EBF4;
font-weight:bold; color:#fff;
cursor:pointer;
}
input[type=submit]:hover{
padding:3px 5px;
border:1px solid #B4EBF4;
border-top:1px solid #048AD5;
border-left:1px solid #048AD5;
background-color:#B4EBF4;
}
input[type=submit]:active{
padding:3px 5px;
border:1px solid #048AD5;
border-top:1px solid #B4EBF4;
border-left:1px solid #B4EBF4;
background-color:#00BDF4;
color:black;
}

/* DR : alerte contremarque repris sur ancien site, à styler */
p.alerteContremarque {
	 font-weight: bold; 
	 color: #FF0000!important;
}

/*-------------------------------------------------------------------------------------*/
/* =  Formulaire de contact WB 					 */
/*-------------------------------------------------------------------------------------*/
#BlockWisiwig form h1.HeadingForm{font-size: 1.5em!important;line-height: 1.4em;}
#BlockWisiwig form .field_title{margin:0px 0px 0px 5px;;display:block; width:180px; float:left; border-bottom:1px #B4EBF4 solid;}
#BlockWisiwig form .field_input{margin:5px 0px 5px 0px;}
#BlockWisiwig form input.textfield,
#BlockWisiwig form input.email,
#BlockWisiwig form textarea.textarea,
#BlockWisiwig form select.select{width:324px;}
#BlockWisiwig form p.field_validForm{padding-left:185px;}
#BlockWisiwig form p.field_validForm input{border:none;}
#BlockWisiwig form em{color:red;}

/*-------------------------------------------------------------------------------------*/
/* =  annonce home			 */
/*-------------------------------------------------------------------------------------*/
.annonceHome{padding:0 8px ;}
.annonceHome h2{font-size:138%; color:#00BDF4; font-weight:bold; margin:8px 0 3px 0; width:300px;
}

.annonceHome span.recherche20km a,
.annonceHome span.recherche50km a,
.annonceHome span.recherche100km a,
.annonceHome span.rechercheLimitrophe a
{display:block; overflow:hidden; text-indent:-200em;
	height:40px; width:513px;
	background: transparent url('/global/images/rayonImg.png') no-repeat;}
	
	.annonceHome span.recherche50km a{background-position:0 -40px;}
	.annonceHome span.recherche100km a{background-position:0 -80px;}
	.annonceHome span.rechercheLimitrophe a{background-position:0 -120px;}

p.noresult{font-weight:bold; margin-top:40px; color:red;}

/*================================================================================ */

/* = DEBUG = */

/* ================================================================================ */
#debug {
	background-color: white;
	border : 4px red solid;
}
#debug h1 {
	background: none!important;
	font-family: "Trebuchet MS";
	font-size: 2em;
	color: red!important;
	text-align: center;
	margin: 8px;
	text-indent: 0em!important; 
}
#debug h2 {
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	margin: 5px 0 10px 0 !important;
	padding: 0 0 0 15px !important;
	float: left;
}
#debug ul {
	padding: 4px;
}
#debug li {
	padding: 5px 2px;
	line-height: 1.3em;
}
#debug li span {
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------------*/
/* =  Condition generale de vente			 */
/*-------------------------------------------------------------------------------------*/
body#conditionG {
	margin:0 10px;
	background-image:none;
	color:#343434;
}

body#conditionG h1{
	font-size:140%;
}

body#conditionG p{
	font-size:85%;
	line-height:140%;
	margin:10px 0 0 0;
}

/*-------------------------------------------------------------------------------------*/
/* =  Actualit © 					 */
/*-------------------------------------------------------------------------------------*/

#rss_actualites{
	margin-left:265px;
	margin-bottom:-10px;
	
}

#rss_actualites a{
	display:block; width:260px; height:18px; 
	background: transparent url('/global/images/bt_rss.png') no-repeat;
	color:#000; text-decoration:none;
}

#rss_actualites a span{ position:relative; left:-5px; font-weight:normal}

.Actu {margin-bottom:50px;}
.Actu h2.TitreActu, h2.TitreActu a{
	font-style:normal!important; text-decoration:none!important;
	}

.Actu h2.TitreActu,.ActuZoom h2.TitreActu{
	border-top: 1px  solid;
	width:430px;
	}
.Actu p.TitreDate,.ActuZoom p.TitreDate{
	float:right;
	border: 1px  solid;
	padding:3px;
	position:relative; top:-10px;
	}
.Actu img{
	float:left;
	padding:0px 5px 5px 0px;
	}

/* = Nav page actu                                               */
navPage {border-bottom: 1px #5F5F5F solid; padding-top:10px;}
.navPage p{float:left;}
.navPage p.PrevPage a, .navPage p.NextPage a{
	display:block; height:20px; width:30px; overflow:hidden; text-indent:-20em;
	}
.navPage p.PrevPage a{background:transparent url(/global/images/btPagePreced.gif) no-repeat;}
.navPage p.Page{position:relative; top:3px;}
.navPage p.NextPage a{background:transparent url(/global/images/btpageSuivante.gif) no-repeat;}

p.SavoirPlus {text-align:right;}

#liste_webcallback{ float:right; margin-top:-55px;}
.LnkWcbForm-trigger{ margin-left: 150 px;}