/* CSS Document */

* { margin:0; padding:0; outline:none; }

body { background:#E6E2E3 url('images/fond.jpg') repeat-x; text-align:justify; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#6c4c1a; }

h1, h2 { font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

h2 { height:40px; padding-top:41px; color:#222; }

#intro { text-align:center; color:#222; }

#intro a { color:#222; }

a { color:#6c4c1a; text-decoration:underline; }

a:hover { text-decoration:none; }

.txt { padding:0 0 14px 0; color:#353334; }

#page { width:951px; margin:0 auto; background:#F4ECE1 url('images/bg.jpg') repeat-y; }

#header { width:951px; height:264px; background:transparent url('images/head.jpg') no-repeat }

#titre { width:951px; height:32px; clear:both; background:url('images/titre.jpg') no-repeat; }

#contenu { width:811px; min-height:170px; _height:170px; float:left; background: url('images/bg-contenu.jpg') no-repeat top; padding:10px 70px 0 70px; }

#contenu p, h1 { padding:0 0 14px 0; }

#contenu ul { padding:0 0 5px 0; list-style:inside; margin-left:50px; }

#adresse { width:951px; height:78px; background:transparent url('images/adresse.jpg') no-repeat; clear:both; }

#coordonnees { padding-left:80px; padding-top:30px; text-align:center; float:left; }

#coordonnees p, a { padding:0 0 14px 0; }

#coordonnees a img { border:none; }

#menubas { padding: 10px 20px 10px 0; text-align:center; font-size:10px; color:#000; }

#menubas a { color:#000; }

#menubas img { border:none; padding-top:5px;}

#agences { width:210px; height: 700px; float:right; margin:0 0 0 20px; padding:60px 20px 0 20px ;background:transparent url('images/agences.jpg') no-repeat top; color:#FFF; text-align:center;}

#agences p, #agences a { padding:0 0 1px 0; color:#FFF; }

#adresses { width:350px; height:425px; float:right; margin:0 0 0 10px; padding:70px 20px 0 20px ;background:transparent url('images/adresses-contact.jpg') no-repeat top; color:#FFF; text-align:center;}

#adresses p { padding:0 0 1px 0; }

#adressesgauche { width:160px; float:left; }

#adressesdroite { width:160px; float:right; }

#avantageutilisateurs { width:308px; height:280px; padding:25px 30px 0 30px; float:left; margin-left:25px; background:transparent url('images/avantage-utilisateurs.jpg') no-repeat top;}

#avantagetravailleurs { width:308px; height:280px; padding:25px 30px 0 30px; float:left; margin-left:25px; background:transparent url('images/avantage-travailleurs.jpg') no-repeat top;}

#avantageutilisateurs ul, #avantagetravailleurs ul { margin-left:20px; }

#reservations { width:361px; height:560px; padding:25px 20px 0 20px; float:right; margin-top:52px; background:transparent url('images/fond-resa.jpg') no-repeat top;}

.floatleft { float:left; margin:0 20px 0 0; }

.floatright { float:right; margin:0 0 0 20px; }

.center {text-align:center }

.encadre { border:2px solid #6c4c1a; }

.diapo { float:right; margin:0 0 0 20px; }

.titre { font-size:16px; font-weight:bold;}

.soustitre { font-size:12px; font-weight:bold;}

.italic { font-style:italic;}

.cadre-carriere1 { float:left; width:385px; height:250px; border:1px dashed #D28422; padding:5px}

.cadre-carriere2 { float:left; width:385px; height:250px; border:1px dashed #D28422; margin:0 0 0 15px; padding:5px}

.cadre-carriere3 { float:left; width:385px; height:365px; border:1px dashed #D28422; padding:5px}

.cadre-carriere4 { float:left; width:385px; height:365px; border:1px dashed #D28422; margin:0 0 0 15px; padding:5px}

.cadre-carriere5 { float:left; width:385px; height:280px; border:1px dashed #D28422; padding:5px}

.cadre-carriere6 { float:left; width:385px; height:280px; border:1px dashed #D28422; margin:0 0 0 15px; padding:5px}


.bordure-orange { border:1px solid #D28422; width:200px; height:150px; }

.bordure-orange1 { border:1px solid #D28422; width:150px; height:200px; }

/*---------------- logo Yzeo ---------------------*/

#yzeo { text-align:center; color:#000; font-size:10px; padding: 10px 8px 0px 8px; }

#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }

#yzeo a { color:#000; font-size:10px; }

/*---------------- fin logo Yzeo -----------------*/ 
				
/*-------------------------formulaire------------------------*/

	#formulaire, #resa { background: transparent; text-align:center; width:400px; padding:10px 0 0 00px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c4c1a; float:left; margin-right:10px; } /* carateristique du formulaire */

#formulaire *, #resa  * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */

.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */

.inputform { width:195px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.textareaform { width:398px; height:100px; overflow: auto; background-color:transparent; } /* carateristique du textarea */

.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c4c1a; background-color:#f4ece1; } /* carateristique des select */

.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */

#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */

.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon 			message" */

.divtexte { margin: 5px 0 0 0; text-align:center; clear: both } /* carateristique de la div contenant le texte du captchat*/

#formulaire div, #resa div{ margin: 5px auto; } /* centrer dans le formulaire des div */

#formulaire div a, #resa div a{ color:#6c4c1a; } /* couleur du lien dans capchat */

.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */

#code { background-color:transparent; color:#6c4c1a;}

.transp, .inputtexte { background: transparent; border: 1px solid #6c4c1a; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c4c1a; } /* pour rendre les input et textarea transparent avec une bordure */

#resa  .checkbox { width:180px; float:right; clear:right; }

#resa  .case {float:left; margin-right:5px; }

#resa  .checkboxtxt { padding:0 0 2px 0; float:left;}

/*-------------------------fin formulaire------------------------*/

/*--------------------------plan du site-------------------------*/

#pagepds { width:670px; margin:0 auto; padding:0; background:transparent url('images/plan-du-site/bg.jpg') repeat-y;}

#headpds { width:670px; height:245px; clear:both; background:transparent url('images/plan-du-site/head.jpg'); }

#contenupds { text-align:justify; padding:5px 80px 0px 50px; clear:both;  background:url('images/plan-du-site/bg-contenu.jpg') no-repeat top;/**/ }

#contenupds p { padding:0 0 14px 0;}

#adressepds { width:670px; height:79px; margin:0 auto; padding:0;  clear:both; background:transparent url('images/plan-du-site/adresse.jpg');  }

/*------------------------fin plan du site-----------------------*/

/*--------------------------candidature-------------------------*/

#pagecandidature { width:670px; margin:0 auto; padding:0; background:transparent url('images/candidature/bg.jpg') repeat-y;}

#headcandidature { width:670px; height:245px; clear:both; background:transparent url('images/candidature/head.jpg'); }

#contenucandidature { text-align:justify; padding:5px 80px 0px 50px; clear:both;  background:url('images/candidature/bg-contenu.jpg') no-repeat top;/**/ }

#contenucandidature p { padding:0 0 14px 0;}

#adressecandidature { width:670px; height:79px; margin:0 auto; padding:0;  clear:both; background:transparent url('images/candidature/adresse.jpg');  }

/*------------------------fin candidature-----------------------*/

/*-------------------------formulaire candidature------------------------*/

	#formulaire_candidature { background: transparent; text-align:center; width:540px; padding:10px 0 0 00px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c4c1a; float:left; margin-right:10px; } /* carateristique du formulaire */

#formulaire_candidature * { margin:0px 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
	
.labelform_candidature { width: 130px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */

.pform_candidature { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */

.inputform_candidature { width:100px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */

.textareaform_candidature { width:460px; height:100px; overflow: auto; background-color:transparent; } /* carateristique du textarea */

.selectform_candidature { width:100px; height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c4c1a; background-color:#f4ece1; } /* carateristique des select */

.labelmessage_candidature { width:95px; } /* carateristique du label contenant "Votre message" */

#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */

.inputenvoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon 			message" */

.divtexte { margin: 5px 0 0 0; text-align:center; clear: both } /* carateristique de la div contenant le texte du captchat*/

#formulaire_candidature div { margin: 5px auto; } /* centrer dans le formulaire des div */

#formulaire_candidature div a { color:#6c4c1a; } /* couleur du lien dans capchat */

.divimagecaptchat { display:none; } /* carateristique de la div entourant l'image captchat */



.transp, .inputtexte{ background: transparent; border: 1px solid #6c4c1a; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#6c4c1a; } /* pour rendre les input et textarea transparent avec une bordure */


#formulaire_candidature .radio { width:230px; float:left;  text-align:right; padding-right:10px; }

#formulaire_candidature .radio input { vertical-align:middle; }

/*-------------------------fin formulaire------------------------*/