body{color: #7d5b6d; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
h1{color: #853960;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; padding:0; margin: 0 0 2px 0;}
h2{color: #853960;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal;
border-bottom:1px solid #dfbbcd; background: url(/recrute/images/puce.gif) no-repeat 0 0.6em; padding:3px 0 3px 12px;}
h3{color: #c685a5;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; padding:0; margin: 0 0 2px 0;}
h4{color: #853960;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; padding:0; margin: 0 0 2px 0;}
h5{color: #8d7048;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; padding:0; margin: 0 0 2px 0;}
*{margin:0; padding:0; border:0}
p{color: #7d5b6d; margin: 0;}
a{color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
a:hover{color:#a42f65;}
a.puce{background: url(/recrute/images/puce.gif) no-repeat center left; padding:3px 0 3px 12px; width:auto; height:28px;}
a.vert{color:#298d35;}
a.puce.vert{background: url(/recrute/images/puce2.gif) no-repeat center left; padding:3px 0 3px 12px; width:auto; height:28px;}
a.vert:hover{color: #00CC00;}
a img{border:0;}
strong{color:/*#853960*/#c58da9;}
b{color:#a42f65;}
ul{list-style:none; /*color:#c58da9*/}
ul li{background:url(/recrute/images/puce-ronde.gif) no-repeat 0 .7em; margin:0 0 0 15px; padding:4px 0 4px 12px;}
ol li{background:none; margin: 0 0 0 25px; padding:0 list-style-type: decimal-leading-zero;}
input, textarea, select{ margin: 0px 0 0px 2px;  background: url("images/fond_champ.gif") repeat-x top; background-color: #ffffff; border: 1px solid #cccccc; font-size: 1em;color: #7d5b6d; padding-left: 2px;font-weight: normal; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
input:focus, textarea:focus, select:focus{background: url("images/fond_champfocus.gif") repeat-x top; background-color: #ffffff; border-left: 1px solid #b23e73;border-top: 1px solid #b23e73; border-right: 1px solid #e36da2;  border-bottom: 1px solid #e36da2; color: #b23e73}
.erreur{background:  url("images/fond_champerreur.gif") repeat-x top; border: 1px solid #770000; }
.send{background: url("images/fond_send.gif") repeat-x center; background-color: #831c4c; color: #FFF; border:1px solid #450824; text-align : center; font-weight: normal; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding: 0 4px; }
.col{width:48%;float:left; display:block;}
/*######################CLASSES COURANTES####################*/
.padd{padding-right:15px;}
.padg{padding-left:15px;}
.margd{margin:0 15px 6px 0;display: block; float:left;}
.margg{margin:0 0 6px 15px;display: block; float:right;}
.fleft { float: left; }
.fright { float: right; }
.pointsbas{background: url(/recrute/images/points-h.gif) repeat-x bottom; padding-bottom:1px;}
.clear{clear:both;}
.cadre{padding:1px; border:1px solid #E0BECE; background-color:#ffffff;}
.virgule{background:url(/recrute/images/virgule-droite.gif) no-repeat bottom right; padding-right:50px;}
.justifie{text-align: justify;}
.modale{display:none; padding:1px; border:1px solid #E0BECE; background-color:#ffffff;}
.contact{width: 450px; padding: 5px 5px 5px 30px; }
.cliquable { cursor: pointer; }
/*###################### MASTER####################*/
#sitemap {text-align:left;height:20px; margin: 10px 0 10px 15px; color:#a42f65;}
#sitemap a{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#a42f65;font-size:1em; text-decoration:underline;}
#sitemap a:hover{color: #a42f65}

#global {width: 999px; margin-left: auto; margin-right: auto; margin-top:10px;}
p.navigHaut {color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; background:url(/recrute/images/ico-home.gif) bottom left no-repeat; padding-left: 20px; margin-left:15px}
p.navigHaut a{color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none;}
p.navigHaut a:hover{color:#d13c81;}

#flashTop {width: 900px; height: 135px}
#navigation {width: 900px; height: 35px; color: #ffc8e1; background-color:#853960; border-bottom: 1px solid #ffffff; }
#navigation ul{padding-left:20px; margin:0; padding:0;}
#navigation li {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffc8e1; width:160px; height:26px; float:left; list-style:none;background: none; text-align:center; margin:0; padding:0;}
#navigation li a{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; color: #ffc8e1; text-decoration:none; display:block; width:100%; height:100%; padding-top:4px; height:22px;}
#navigation li a:hover{color: #ffffff;text-decoration:none;background-color:#a42f65;}
#navigation li a.selection{color:#ffffff; background-color:#a42f65;}
#navigation span{background-color:#a42f65; border-top:1px solid #ffffff; display:block; height:8px; clear:both;}

#homeLeft {float: left; width: 585px;height:520px; border-left:15px solid #a42f65; padding:0 0 0 1px; text-align:left;}
#homeLeft p{margin:0;}
#homeLeft h2{border:0; background:none; padding:0;}
#homeLeft .apidor{background: url(/recrute/images/points-h.gif) repeat-x bottom; padding-bottom:1px; height:236px; clear: both;}
#homeLeft .apidor .visuel{margin-right: 20px; float:left;}
#homeLeft .colrecette{float:left; background: url(/recrute/images/points-v.gif) repeat-y right ; padding:8px; margin-top:1px; width: 162px; height:266px; text-align:center;}
#homeLeft .colvideo{float:left;background: url(/recrute/images/points-v.gif) repeat-y right ; padding:8px;margin-top:1px; width: 186px; height:266px;}
#homeLeft .colrecrutement{float:right; width: 204px; height:266px;padding-left: 1px; margin-top:1px; }
#homeLeft .colrecrutement div{padding:8px;}
#homeRight{width: 398px; height:519px;  float: left; }
#homeRight span {float: left; display: block}
span#animDroite {width: 287px; height:518px; border-left: 11px solid #853960; padding-left:1px;}
span#bouillon{display: block; float:left; width:99px; height:520px; background: url(/recrute/images/bouillon.jpg) no-repeat bottom left;}


#volets{border-left:15px solid #a42f65; border-right: 40px solid #a42f65; width: 845px;float: left; min-height:520px;}
#voletheadGauche {float: left; width: 585px; text-align:left;}
#voletheadDroit{width: 240px; float: left;}
#voletheadDroit span {/*float: left; display: block*/}

#voletGauche {float: left; width: 530px; text-align:left;margin:0; padding:0;}
#voletDroit{width: 313px; float: left; margin:0; padding:0;}
#voletDroit span {/*float: left;*/ display: block}
/*Pour les pages internes*/
#colDroite{background: url(/recrute/images/fond-menu-droite.gif) repeat-y left ;}
/*sousmenu droite*/
.sousmenu{margin:80px 0 0 0;}
.sousmenu li{margin:0; list-style: none; padding: 10px 0 12px 40px; background:url(/recrute/images/puce-menu.gif) no-repeat top left;}
.sousmenu li a{color:#853960; text-decoration:none;display: block; }
.sousmenu li a:hover{color: #c95490; text-decoration:underline;}
.sousmenu li a.selected{color: #c95490; text-decoration:none; font-weight: bold}

.divmarge{margin:50px 30px 50px 40px;}

#footer {width: 900px; height: 78px; background:url(/recrute/images/arrondi-adresse.gif) top left no-repeat; float: left;
color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; border-top:1px solid #a42f65;}
#footer div{display:block;}
#footer .adresse{float:left; width: 260px; height:70px; padding: 12px 0 0 14px; font-size:0.9em; color:#ffffff;}
#footer .liensbas{float:right; text-align:right; width:600px; height:70px; padding:10px 0 0 0; color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none;}
#footer .liensbas a{color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none;}
#footer .liensbas a:hover{color:#d13c81;}

#contenugauche{margin: 50px 30px 50px 40px;}

#photofamille{height:260px; width:450px}

#outils{background:url(/recrute/images/outils-virgule.gif) no-repeat top left; margin: 30px 0 30px 64px; clear:both;}
#outils *{margin:0; padding:0; background:none;}
#outils ul{padding:25px 0 12px 0;}
#outils li{background: url(/recrute/images/outils-contact.gif) no-repeat top left; height:26px;}
#outils li a{text-decoration: none; display:block; line-height: 2.1em; padding-left:50px;}
#outils li a:hover{color:#ffffff;}
#outils li.imprimer{background: url(/recrute/images/outils-imprimer.gif) no-repeat top left;}
#outils li.imprimer a{padding-left:35px;}
#outils li.transmettre{background: url(/recrute/images/outils-transmettre.gif) no-repeat top left;}
#outils li.transmettre a{padding-left:30px;}

/*######################PAGE NUTRITION####################*/
#nutrition{width: 560px; background: url(/recrute/images/nutrition-fond.gif) repeat-y right; margin-left:15px;}
#nutrition div{ background:url(/recrute/images/nutrition-haut.gif) no-repeat top right; padding-top: 17px; width: 560px;  }
#nutrition p{clear:both; height:24px; background:url(/recrute/images/nutrition-bas.gif) no-repeat bottom right;}
#nutrition div div p{clear:none; height:auto; background:none; }
#nutrition div div{background:none; margin:0 20px 0 44px; display: block; padding:0; width:auto; }
#nutrition div div div{background:none; margin:0; display: block; padding:0; width:auto;
	color: #c685a5;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; padding:0; margin: 0 0 2px 0;}
#nutrition img{float: left; margin-right:20px;}

#pratique{width: 335px; background: url(/recrute/images/pratique-fondD.gif) repeat-y right; margin: 20px 0 0 5px; float:left;}
#pratique div{background:url(/recrute/images/pratique-haut.gif) no-repeat top right; padding-top: 71px; width: 335px;  }
#pratique p{clear:both; height:21px; background:url(/recrute/images/pratique-bas.gif) no-repeat bottom right;}
#pratique div div p{clear:none; height:auto; background:none; }
#pratique div div{margin:0 10px 0 0; padding:0;display: block; background: none;width:auto; }
#pratique div div div{margin:0; padding:0; display: block; background: none; border:1px solid orange;width:auto; }
#pratique img{float: left;}

#actualites{background: url(/recrute/images/actualites-haut.gif) no-repeat top left; margin:20px 0 0 0;  padding:14px 0 0 0; width: 242px; float:left; clear:right; height:auto;}
#actualites div{background: url(/recrute/images/coinblanc-hg.gif) no-repeat top left #ffffff; margin:0; clear:both;}
#actualites div div{ background:url(/recrute/images/coinblanc-hd.gif) no-repeat top right; padding-top: 17px;}
#actualites div div div{background:none; margin:0; padding:0; text-align:center; display: block; }
#actualites div p{clear:both; height:24px; background:url(/recrute/images/coinblanc-bg.gif) no-repeat bottom left;}
#actualites div p span{height:24px; background:url(/recrute/images/coinblanc-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}

#complices{width:544px; margin: 10px 0 20px 14px; border:1px dotted #d675a2; clear:both; padding:8px;}
#complices img{float: left; margin: 0 20px 0 0;}
#complices span img{float: none; margin:0;}
#complices span{display:block;margin:0 15px 0 0;}
#complices i{display: block; clear:both; height:0;}

#chroniques{width:230px; clear:both; background:url(/recrute/images/chronique-bas.gif) no-repeat left bottom; padding-bottom:19px; margin: 42px 0 0 12px;}
#chroniques div{margin:0 15px 0 0; background:url(/recrute/images/chronique-haut.gif) no-repeat left top; padding-top: 38px;}
#chroniques div div{text-align:center; background:url(/recrute/images/chronique-fond.gif) repeat-y left; padding:0; margin:0;}
#chroniques img{padding:1px; margin: 0 0 5px 0;border:1px solid #E0BECE;}

#saviez{width:210px; clear:both;width: 230px;padding-top:27px; margin: 14px 0 10px 10px; background: url(/recrute/images/lesaviezvous-titre.gif) no-repeat top left; text-align:justify;}
#saviez img{margin-right:10px;}

#recette{clear:both; background: url(/recrute/images/recette-haut.gif) no-repeat top left; /*padding-top:107px;*/}
#recette a{display: block; margin:0; height:107px; text-decoration:none;}
#recette p{background:url(/recrute/images/recette-fondBas.gif) no-repeat top left; height:29px;}
#recette p a{display: block; margin:0 0 0 120px; line-height:1.2em; height:12px}

/*######################PAGE CONTACT####################*/
#animcarte{height: 510px;}
#coordonnees{display:block; float: right; width:250px; /*height:350px;*/ margin: 60px 10px 20px 0; clear:both; min-height:350px; }
#coordonnees div{display: none;}
#coordonnees p{text-align:left;}

/*######################PAGE RECRUTEMENT####################*/

#espritAPI{width: 535px; background: url(/recrute/images/espritAPI-fond.gif) repeat-y right; margin-left:20px;}
#espritAPI .divH{background:url(/recrute/images/espritAPI-haut.gif) no-repeat top right; height: 26px; width: 535px;  }
#espritAPI .divC{background:url(/recrute/images/espritAPI-fond.gif) repeat-y right; width: 535px; }
#espritAPI .divC div{float: left; width:350px; margin: 0 0 0 20px;}
#espritAPI .divB{background:url(/recrute/images/espritAPI-bas.gif) no-repeat bottom right; height:25px; width: 535px; clear:both;}

#triptique{width:535px; margin:20px 0 0 20px;min-height:40px;}
#triptique div{margin:0 0 0 14px; float:left;}
#triptique .triptiquea{width:184px; margin-left: 10px;}
#triptique .triptiqueb{width:140px;}
#triptique .triptiquec{width:146px;}
#triptique .triptiquec p{margin-left:14px;}

#centreformation{border:1px dotted #d675a2; border-left:0;  border-right:0; margin: 20px 0 20px 50px; width: 506px;}

.recrutement{background:url(/recrute/images/points-v.gif) repeat-y left; margin: 42px 0 0 0;}

.recrutement div.annonces{margin: 0 20px 20px 20px;}
.recrutement div.annonces div.bt{float:left; margin: 10px 0 20px 0; width:95px; text-align:center; }
.recrutement div.annonces div.bt a, #recrutement div.annonces div.bt a:hover{font-weight: bold;}
.recrutement div#offresemploi div{background:url(/recrute/images/points-h.gif) repeat-x bottom; padding: 10px 0 12px 20px; width:186px}
.recrutement div#offresemploi div a{color:#97d601; font-weight:bold; font-size:1.2em;}
.recrutement div#offresemploi div a:hover{color:#c2eb00; font-weight:bold; font-size:1.2em;}
.recrutement div#offresemploi p{padding: 10px 0 0 20px; }

/*######################PAGE METIERS####################*/
.visuel1{background: url(/recrute/images/visuel-persil.jpg) no-repeat center left; height:460px; margin-top:30px}
.visuel2{background: url(/recrute/images/visuel-concombre.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuel3{background: url(/recrute/images/visuel-poivron.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuel4{background: url(/recrute/images/visuel-pasteque.jpg) no-repeat center left; height:460px;margin-top:30px}

/*##### visuel societe */
.visueledito{background: url(/recrute/images/visuel-edito.jpg) no-repeat center left; height:360px;margin-top:30px}
.visuelchiffrescles{background: url(/recrute/images/visuel-chiffres-cles.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelhistorique{background: url(/recrute/images/visuel-historique.jpg) no-repeat center left; height:460px;margin-top:30px}

/*##### visuel metiers */
.visuelpersonnesagees{background: url(/recrute/images/visuel-personnes-agees.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelscolaire{background: url(/recrute/images/visuel-scolaire.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelentreprise{background: url(/recrute/images/visuel-entreprise.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelsante{background: url(/recrute/images/visuel-sante.jpg) no-repeat center left; height:460px;margin-top:30px}

/*##### visuel services */
.visuelservicetraiteur{background: url(/recrute/images/visuel-service-traiteur.jpg) no-repeat center left; height:360px;margin-top:30px}
.visuelservicequalite{background: url(/recrute/images/visuel-service-qualite.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelserviceachat{background: url(/recrute/images/visuel-service-achat.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelbureauetudes{background: url(/recrute/images/visuel-bureau-etude.jpg) no-repeat center left; height:350px;margin-top:30px}

/*##### visuel recettes */
.visuelrecettemois{background: url(/recrute/images/visuel-recette-mois.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelentrees{background: url(/recrute/images/visuel-entrees.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelplats{background: url(/recrute/images/visuel-plats.jpg) no-repeat center left; height:460px;margin-top:30px}
.visueldesserts{background: url(/recrute/images/visuel-desserts.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelautresrecettes{background: url(/recrute/images/visuel-autres-recettes.jpg) no-repeat center left; height:460px;margin-top:30px}
.visueltoutesrecettes{background: url(/recrute/images/visuel-toutes-recettes.jpg) no-repeat center left; height:460px;margin-top:30px}

.menuderoulant{width:180px; margin:0; padding:0;position: absolute; top:0; left:0; background: #ffffff; display:none;}
.menuderoulant ul{padding:0; margin:0;border: 1px solid #dddddd;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.menuderoulant li {text-align: left; list-style-type:none;padding:0; margin:0; background-image:none;}
.menuderoulant li a {color: #a42f65; text-decoration: none; display: block; border: 0 none; height: 100%; padding-left:10px; border:1px dotted #ffc8e1; margin:1px;}
.menuderoulant li a:hover {background-color: #a42f65; color: #ffc8e1;}

.menuderoulantvide{}

#creapi{margin-left:20px; clear:both;}
/*
.encartblanc{background: url(/recrute/images/coinblanc-hg.gif) no-repeat top left; margin:16px 0 16px 0;}
.encartblanc h2{padding:0; background:none; padding:0; border:0;}
.encartblanc div.haut{ background:url(/recrute/images/coinblanc-hd.gif) no-repeat top right; padding:15px; }
.encartblanc div.bas{clear:both; height:25px; background:url(/recrute/images/coinblanc-bg.gif) no-repeat bottom left;}
.encartblanc div.bas span{display: block;height:25px; width:100%; background:url(/recrute/images/coinblanc-bd.gif) no-repeat bottom right;}
*/
.encartblanc{background: url(/recrute/images/coinblanc-hg.gif) no-repeat top left; margin:16px 0 16px 0; clear:both;}
.encartblanc h2{padding:0; background:none; padding:0; border:0; color: #853960;}
.encartblanc div{ background:url(/recrute/images/coinblanc-hd.gif) no-repeat top right; padding-top: 17px;}
.encartblanc div span{background:none; margin:0 20px 0 20px; display: block; }
.encartblanc div div{background:none; margin:0 20px 0 20px; display: block; }
.encartblanc div span p{clear:none; height:auto; background:none; }
.encartblanc div p{clear:none; height:auto; /*background:none; */}
.encartblanc p span{height:24px; background:url(/recrute/images/coinblanc-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}
.encartblanc p{clear:both; height:24px; background:url(/recrute/images/coinblanc-bg.gif) no-repeat bottom left;}
.encartblanc div div p{clear:none; height:auto; background:none; }

.encartrose{background: url(/recrute/images/coinrose-hg.gif) no-repeat top left; margin:16px 0 16px 0; clear:both;}
.encartrose h2{padding:0; background:none; padding:0; border:0;color: #853960;}
.encartrose div{ background:url(/recrute/images/coinrose-hd.gif) no-repeat top right; padding-top: 17px;}
.encartrose div span{background:none; margin:0 20px 0 20px; display: block; }
.encartrose div span p{clear:none; height:auto; background:none; }
.encartrose p{clear:both; height:25px; background:url(/recrute/images/coinrose-bg.gif) no-repeat bottom left;}
.encartrose p span{height:25px; background:url(/recrute/images/coinrose-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}
.encartrose div img{float: left; margin-right:20px; padding:1px; border:1px solid #faeff4;}
.encartrose div span img{float: none ; margin:0; padding:0; border:0;}
.encartrose div div p{clear:none; height:auto; background:none; }

.encartrosedecroche{background: url(/recrute/images/coinrose-hg.gif) no-repeat 10px 0; margin:16px 0 16px 0; clear:both; }
.encartrosedecroche h2{padding:0; background:none; padding:0; border:0;color: #853960;}
.encartrosedecroche div{ background:url(/recrute/images/coinrose-hd.gif) no-repeat top right ; padding-top: 17px;}
.encartrosedecroche div span{background:none; margin:0 20px 0 30px; display: block;}
.encartrosedecroche div span p{clear:none; height:auto; background:none; }
.encartrosedecroche p{clear:both; height:25px; background:url(/recrute/images/coinrose-bg.gif) no-repeat 10px 0;}
.encartrosedecroche p span{height:25px; background:url(/recrute/images/coinrose-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}
.encartrosedecroche div img{float: left; margin-right:20px; padding:1px; border:1px solid #faeff4;}
.encartrosedecroche div span img{float: none ; margin:0; padding:0; border:0;}

.contactcreapi{background: url(/recrute/images/coinblanc-hg.gif) no-repeat 56px 0; margin:16px 0 16px 20px; float:left; width:270px;}
.contactcreapi h2{padding:0; background:none; padding:0; border:0;}
.contactcreapi div{ background:url(/recrute/images/coinblanc-hd.gif) no-repeat top right; padding:0; margin:0;}
.contactcreapi img{float:left; margin:20px 15px 0 0;}
.contactcreapi span{background:none; padding:20px 20px 0 0; display: block; }
.contactcreapi span p{clear:none; height:auto; background:none; }
.contactcreapi p{clear:both; height:25px; background:url(/recrute/images/coinblanc-bg.gif) no-repeat 56px 0; margin:0;}
.contactcreapi p span{display: block;height:25px; width:100%; background:url(/recrute/images/coinblanc-bd.gif) no-repeat bottom right; margin:0; padding:0;}

.btgaleriephoto{margin: 15px 50px 0 40px; width:222px; float:left;}
.btgaleriephoto a{display: block;}

.liste div{border:1px solid #faeff4; padding:1px; clear:both; margin: 0 0 2px 0; height:60px;}
/*.liste div strong{background:#faeff4; display: block; padding:0 5px; margin: 0 4px 0 0; float:left; width: 100px;}*/
.liste div a{background:#faeff4; display: block; padding:0 10px; margin: 0; float:right; text-decoration:none; height:60px; line-height:60px;}
.liste div div{float:left; width:270px; clear:none; border:none; margin:0 0 0 10px;}
.liste div img{float:left; margin: 0; width:auto;}
.liste div div img{float:none; width:auto; height:auto; margin:auto;}

/*######### GALERIE #########*/
.galerie{margin:0 0 20px 0; height:auto}
.galerie div{width: 32%; height:98px; float: left; background:url(/recrute/images/encart-photo.gif) no-repeat top center; margin:0 0 10px 0; padding: 0 0 30px 0; text-align:center;}
.galerie div span{display: block;}
.galerie div img{display: block; margin:7px auto;}

.boutons_galerie { text-align: center; clear:both; border:1px solid #f8f1f4; background-color:#ffffff; margin: 2px 0; height:30px;}
#prevImage, #prevImage2 {background: url(/recrute/images/navig-gauche.gif) no-repeat center center; width:25px; height:25px; display: block; float: left; text-decoration:none; margin: 2px 6px;}
#nextImage, #nextImage2{background: url(/recrute/images/navig-droite.gif) no-repeat center center; width:25px; height:25px; display: block; float: right; text-decoration:none; margin: 2px 6px;}