/* STYLES DE BASE */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal;}
ol,ul {	list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
h1 { color: #888280; font-weight: bold; font-size: 14px; font-family: Arial Black, Arial, verdana; }
q:before,q:after { content:'';}
abbr,acronym { border:0;}
em{font-style: italic ;}

h1 { margin-top: 10px; text-transform: uppercase; }
h2{ color:#b6aeab; font-size:13px;  padding:10px 10px 10px 0; font-family: Arial Black, Arial, verdana; text-align: justify;}
h2 strong{color: #a9183a;}
h3 { padding-top: 20px; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; color: #888280; border-top: 1px dotted; font-weight: bold; font-size: 14px; font-family: Arial Black, Arial, verdana; }
.linkH3{color:#B6AEAB; float:right; font-size:8px; padding-top:9px; text-transform:inherit;}
#friends h4{ background-color:#DAD7D5; padding:5px 10px 5px 15px; } 
#friends table{margin-left:20px;width:300px;}
#friends input,#friends textarea{margin:2px 10px;}
a { color: #a9183a; text-decoration: none;  }
a:hover { text-decoration: underline; }

.clear{clear:both; display:block; }
fieldset{ margin-bottom:10px; padding:10px 10px 15px 10px;}
legend{color:#B6AEAB; font-size:13px; font-weight:bold; padding:0px 10px;}
input, textarea{border:solid 1px grey;}
fieldset input{ margin:4px 10px;}


/* CONTAINER */

body { font-family: Arial, Helvetica, sans-serif; color: #737373; margin: 0; font-size:12px; background: url("images/bg-top.png") no-repeat top center; }
#container {width: 950px; margin: 0 auto 0 auto; background: url("images/bg-container.png") repeat-y; }



/* BLOCS GENERAUX */

#top { height:338px; margin: 0 auto 0 auto; width: 950px;  }
#left { float: left; width: 210px; } /* width:210px */
#center { float: left; width: 510px; padding: 20px; } /* width:550px */
#center ul li {list-style: disc;}
#center ul {padding-left:20px;}
#center b, #center strong{ color:#A9183A;}
#center img {margin:10px;}
#right { float: left; width: 190px; background-color: #eeebe8; padding-top:16px;} /* width:190px */
#bottom { clear: both; background: url("images/bg-bottom.png") no-repeat; text-align: center; width: 1000px; margin: 0 auto 0 auto; height: 168px; }
#bottom-content { text-align:center; margin:0 auto; width:950px; }
.conseil { background-color: #eeebe8; width: 130px; float: left; margin: 10px; height: 180px; padding: 10px; }
.conseil p { margin: 10px 0 10px 0; }
.conseil a { font-weight: bold; }


/* AUTRES BLOCS */

#menuh { height: 40px; text-align: center; padding-left: 210px;  position: absolute; top: 262px; }
#menuv { }
#breadcrumb { font-size: 11px; color: #b6aeab; }
#breadcrumb a { color: #b6aeab; }
#infos { text-align: right; margin-top: 20px; font-size: 11px; }
#infos span { display: block; margin-right: 10px; }
#infos strong { color: black; font-weight: bold; }
#infos address { margin: 10px 0 10px 0; }
#infos big { display: block; margin-top: 10px; font-weight: bold; }

.widget { margin-bottom: 20px; }


/* HEADER */
#topmenu { font-family: Verdana; font-size: 10px; position: absolute; margin-left: 390px; top: 10px; color: #888280; text-transform: uppercase; }
#topmenu a { color: #888280; text-decoration: none; }
#topmenu a:hover { text-decoration: underline; }
#toptext { position: absolute; margin-left: 390px; top: 30px; font-weight: bold; font-size: 17px; letter-spacing:8px; }
#toptext strong { font-weight: normal; color: #a9193a; }
#logo { display: block; background: url("images/logo.png") no-repeat center; width: 373px; height: 254px; }
#flash { position: absolute; top: 65px; margin-left: 390px;}
#langage { position: absolute; top: 20px; margin-left: 900px; }
#lg-fr, #lg-en { display: block; width: 30px; height: 15px; margin-top: 5px; }
#lg-fr { background: url("images/fr.png") no-repeat; }
#lg-en { background: url("images/en.png") no-repeat; }


/* MENU HORIZONTAL */

#menuh { z-index:1000; }
#menuh div { display: block; float:left; }
#menuh div a { color: #a00a2d; text-transform: uppercase; font-size: 12px; *font-size: 11px; font-weight: bold; text-decoration: none; display: block; line-height: 40px; padding: 0 20px 0 20px; *padding: 0 10px 0 10px;}
#menuh div a:hover { background-color:#eeebe8; }
#menuh div a.selected { background-color:#eeebe8; }
#menuh div ul { position: absolute; left: 210px; height: 35px; width: 740px; }
#menuh div ul li { display: inline; }
#menuh div ul a { text-align:left; text-transform: none; color: #888280; display: block; float: left; line-height:35px;  }
#menuh div ul a:hover { color: #333333; background-color: none; }



/* MENU VERTICAL */
#menuv ul {margin-bottom:10px;}
#menuv li { display: inline; }
#menuv li a {  display: block; line-height: 25px; text-decoration: none; font-weight: bold; color:#554f4d; text-transform:uppercase; font-size:11px;}
#menuv li ul { padding:0px; margin-bottom:0px; }
#menuv li ul li { font-weight: normal; margin-top: 0; border: none; line-height: 18px; color: #666666; text-transform:inherit; display:block;  }
.nbrResult{ color:#a9183a; color:#a9183a; font-weight:bold; padding-top:5px;}
.nbrResult b{ font-size:14px; }
.widget div a.NewOffre{font-size:11px; display:block;  color:#554F4D;font-weight:bold; padding:0px; margin:0px 0px 10px; line-height:14px; background:url(images/flecheR.png) no-repeat center right; }
.widget div a.NewOffre small{font-size:10px;}
.widget div a.NewOffre:hover{text-decoration:none; color:#A9183A;}

/* PIED DE PAGE */

#menup { padding: 20px 0 0 210px; }
#menup div { float: left; text-align: left; padding: 0 20px 0 20px; border-left: 1px dotted; }
#menup div a { color: #5b5b5b; font-weight: bold; }
#menup div ul li { display: bloc; text-align: left; }
#menup div ul li a { color: #737373; font-weight: normal; line-height: 16px; font-size: 11px; }



/* ID ET CLASSES DU CENTRE  */

#center .text { line-height: 18px; }
#center .img { float: left; margin: 0 10px 10px 0;  }
#center .list { border-top: 1px solid #EDEDED; clear: both; padding: 10px; overflow:hidden; }
#center .list div { font-style: italic; margin-top: 5px; }
#center #resultat-recherche{background-color:#EEEBE8;}
#center .pagination{border-bottom:1px solid white;  padding:8px; text-align:center; }
#center .pagination a{ font-weight:bold; color: #737373; }
#center .pagination a:hover{ color: #554F4D; text-decoration:none; }
#center .pagination a.selected{ color: #554F4D; font-size:13px; }
.offreListing {border-bottom: 1px solid white; padding:20px 20px 15px 30px;  }
.offreListing a img{ vertical-align:top;}
.offreListing a:hover{text-decoration:none;}
.LinkOffre{text-transform:uppercase; color:#554F4D; font-weight:bold; float:left;}
.LinkOffre:hover{text-decoartion:underline;}
.returnListe{background-color:#EEEBE8; padding:8px 15px; margin-bottom:20px;}
.returnListe a{color:#554F4D;}
.ico_partage{display:block; width:82px; height:23px; background:url('images/ico_partage.png'); margin:15px 0px 15px 0px; float:left; padding-left:54px; padding-top:10px; color:#554F4D;}
.ico_print{display:block; width:82px; height:23px; background:url('images/ico_print.png'); margin:15px 0px 15px 17px; float:left; padding-left:54px; padding-top:10px;  color:#554F4D; }
#formPostulation input{ margin:5px 0px; width:155px; line-height:18px; padding:2px; color:#747474; border-color:#747474;}
#formPostulation textarea{ margin:5px 0px; width:155px; padding:2px; color:#747474; border-color:#747474; height:70px;}
#formPostulation input.submitBtn{background:url(images/postuler.jpg); border:0px none; width:122px; height:32px; margin:0px 20px;}

/* WIDGETS */

.widget h6 { background: #a29f9b; color: white; font-weight: bold; text-align: center; padding: 13px; font-size: 14px; text-transform: uppercase; }

.widget h6 strong { color: #a9183a; }
.widget div { line-height: 20px; padding: 15px; }
.widget div.seeResult{ background: #a29f9b; color: white; line-height:13px;}
.widget div.seeResult a{color: white; text-decoration:none;}
.widget ul { padding: 5px; }
.widget p { padding: 0; margin: 0; padding-left: 15px; }
.widget p a { color: black; }


#slideshow #slidesContainer {     margin:0 auto;    width:132px;   height:117px;     overflow:auto; /* affiche une scrollbar au cas ou */     position:relative;  }  
 #slideshow #slidesContainer .slide {   margin:0 auto;    width:132px;   height:117px;    }
 
/* FORM */
.obligatoire { color:#B6AEAB; font-weight:bold;}
input.error, textarea.error{ background-color:#FFBFBF;}
th {text-align:right;}