@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#fff; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:0.689em; }

h1 { font-size:1em; font-weight:bold; color:#ec4d99; padding:0; margin:0; }
h2 { font-size:1em; font-weight:bold; color:#ec4d99; margin:0; padding:0 0 1em 0; }
h3 { font-size:1em; font-weight:bold; color:#ffffff; padding:7px 7px 7px 0; }
h4 { color:#fff; font-size: 1em; }
h5 { color:#fff; font-size: 0.83em; }
h6 { color:#fff; font-size: 0.67em; }

p { color:#fff; font-size:1em; }
ul, ol{ color:#c35489; font-size:1em;  }
a { color:#fff; /*text-decoration:none;*/ }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { /*color:#fff; */padding:3px; background-color:#2f3d40; color:#FFFFFF; border:#c25489 solid 1px;}
input { color:#3c0f15; padding:3px; background-color:#461218;}
dt {display:block; font-weight:bold; padding:1em 0 0 1em;}
.border, #code, #civilite select, #imgcaptcha, input { color:#fff; padding:3px; background-color:#461218;}
.textImg { display:none; }
a.lienNS:link {
	text-decoration:none;
}
a.lienNS:visited {
	text-decoration:none;
}
a.lienNS:hover {
	text-decoration:underline;
}

/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }
.imgRef { float:left; padding:1em 3em 1em 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.decale { margin-left:40px; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }

/* Des classes flotante */
.floatleft { float:left; padding-right:20px; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
.chapeau { border-bottom:#4e5a5c 1px solid; color:#fff; font-size:.9em; margin-bottom:10px;}
.illustration { float:left; padding:0 .5em 0 0; }
#encartActu{width:885px; background-image:url(../images/encart_actu.png); background-repeat:no-repeat; padding-top:55px;}

/* Page en construction */
.constrution { margin-top:8em; text-align:center; } /* Réajuster la hauteur du margin si besoin */

/*	Mentions Légales */
#infoclient { float:left; padding:0 0 2em; }
#hebergeur { float:right; padding:0; }

/*======================================================================================>/*Header hack*/
/*html>*/
/*body{ padding-right:2px;}*/
/*======================================================================================> Li Titre*/
.titreListe{color:#fff;padding:0; margin:0;}
.titreListe:first-letter{ font-size:1.5em; letter-spacing:-2px; text-transform:uppercase; }
/*======================================================================================> Titre aide centrage txt accueil*/
.homeTitle{ color:#fff; font-size:2em; padding:40px 0 0 0;}
/*======================================================================================> Lettrine*/
.Lettrine:first-letter{ font-size:3em; float:left;
color: #fff; font-style:italic;
margin: 0 2px;
padding: 5px;
}

/* Formules*/
.lireSuite { text-align:right; padding-right:10px;}
.lireSuite img {margin-top:2px; margin-left:5px;}
.txtRose {color:#ec4d99; font-weight:bold;}
div.encadr4 { width:385px;border: 1px #4e5a5c solid; margin: 0.5em; padding: 0.5em; background-image:url(../images/fond-encadr4.jpg); background-repeat:no-repeat;}
div.bordure {width:845px; border: 1px #4e5a5c solid; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:5px; background-image:url(../images/fond_sousmenu.jpg); background-repeat:no-repeat;}
div.borduretexte { margin:20px 30px 10px 30px; }
div.annonce {width:740px; height:21px; background-image:url(../images/fond_annonce.jpg); background-repeat:no-repeat; color:#000000; padding-top:7px; padding-left:10px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:20px; margin-top:10px;}
div#contenuHaut {width:700px; background-color:#FFFFFF; border:solid 4px #c25489; color:#000000; margin-left:auto; margin-right:auto; padding:30px 10px 5px 70px;; margin-bottom:15px; background-image:url(../images/fond_contenuHaut3.jpg); background-repeat:no-repeat; background-position:left top;}
div#contenuHaut p {color:#000000;}


/*sous menu css*/
.sousMenu {width:888px; margin-left:-40px; margin-right:auto;}
.sousMenuVitrine {width:858px; margin-left:-40px;}
.pro9 {/*width:100%; padding:0 0 0 32px; margin:0; */list-style:none; height:11px; /*position:relative;*/ margin-left:auto; margin-right:auto;}
.pro9 li {float:left;}
.pro9 li a {display:block; float:left; height:28px; line-height:29px;/* background:url(../images/pro_nine_0a.gif)*/ no-repeat; color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.pro9 li a b {float:left; display:block; padding:0 12px 0 0; /*background:url(../images/pro_nine_0.gif)*/ right top;}
.pro9 li.current a {color:#fff; background:url(../images/pro_nine_2a.gif) no-repeat;}
.pro9 li.current a b {background:url(../images/pro_nine_2.gif) right top;}
.pro9 li a:hover {color:#fff; background:url(../images/pro_nine_1a.gif) no-repeat;}
.pro9 li a:hover b {background:url(../images/pro_nine_1.gif) right top;}
.pro9 li.current a:hover {color:#fff; background:url(../images/pro_nine_2a.gif) no-repeat; cursor:default;}
.pro9 li.current a:hover b {background:url(../images/pro_nine_2.gif) right top;}

/*outils à dl*/
#globalOutils {width:800px; text-align:center; margin-left:auto; margin-right:auto;}
.outils {width:160px; height:170px; float:left; padding:30px 30px 30px 30px;}


/* recrutement */
#recrutement {width:840px; padding:10px; text-align:center;}
#recrutement_droite {float:right; width:390px; height:190px; padding:10px; border:solid 1px #4e5a5c;}
#recrutement_gauche {float:left; width:390px; height:190px; padding:10px; border:solid 1px #4e5a5c;}
#validformulaire {width:600px; padding:10px; margin-left:auto;margin-right:auto; margin-top:20px;}


/* FAQ */
#contentFaq { width:100%; clear:both; }
.textepage { padding:0px 0px 0 0px; clear:both; float: none}
#faq dt { cursor:pointer}
#faq dd { display:none}

/* Lexique */
#contentLexique{ width:100%; clear:both; }
.lexiqueGlobal {width:880px; clear:both; float:none}
#lexique_droite {float:right; width:48%; padding:0px;}
#lexique_gauche {float:left; width:48%; padding:0px;}
#lexique dt { cursor:pointer}
#lexique dd { display:none}
.suite {width:90px; height:12px; margin-left:600px; margin-top:15px;}
.suite img {margin-top:2px; margin-left:5px;}
.retour {width:90px; height:12px; margin-left:600px;}
.retour img {margin-top:2px; margin-right:5px;}


/*Références*/
#navcontainer{ width:500px; margin-left:auto; margin-right:auto; margin-bottom:15px;}
#navlist { padding: 3px 0; margin-left: 0; font: bold 10px Verdana, sans-serif; text-align:center; }
#navlist li { list-style: none; margin: 0; display: inline; }
#navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #bbbbbb; /*border-bottom: none;*/ background: #ee6aa9; text-decoration: none;}
#navlist li a:link { color: #ffffff; }
#navlist li a:visited { color: #ffffff; }
#navlist li a:hover{ color: ##ff62e4; background: #d04b8b; border-color: #bbbbbb; }
#navlist li a#current { background: white; border-bottom: 1px solid white; }



/*références vidéos*/
#videogauche{width:430px; float:left; text-align:center;}
#videodroite{width:430px; float:left; text-align:center;}


.blok{display: none;}
#menuVideo{width:350px; float:left;}
#encadrVideo{width:550px; float:left;}
#puceVideo{ list-style:none; margin:3px;}

#videochateaubriand{width:550px; height:300px; float:left; }
#parantau{width:550px; height:300px; float:left; }
#obade{width:550px; height:420px; float:left; }