/* --- STYLES DE BASE --- */
body {
margin:0;
padding:0;
/*-- 506MN -- REF - typechart.com -- */
font-family: "Trebuchet MS", sans-serif;
font-size: 0.8em;
font-style: normal;
text-transform: none;
letter-spacing: normal;
line-height: 1.4em;
color:#333;
background: #FFFFFF;
}
a:link {
color:#ce0d4b;
}
a:visited {
color:#00365B;
}
a:hover,a:focus,a:active {
color:#00365B;
}
#inter ol{
margin: 10px 0px 10px 30px;
}
#inter ul{
margin: 10px 0px 10px 0px;
padding-left:15px;
}
#inter ol ol,
#inter ul ul{
margin: 10px 0;
padding: 0 0 0 20px;
}
ul li,
#inter ul li{
list-style:none;
}
.colonne {
width:48%;
padding-right:1%;
float:left;
}
#boutonMobile{
display:none;
}

#cookie-banner{
display: none;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE ACCUEIL ---*/
body.accueil #wrapperInter{
background-image:none;
margin:0;
padding:0;
width:734px;
}
body.accueil #inter{
background-image:none;
margin:0;
padding:0;
}
body.accueil #content{
margin:0 0 0 22px;
padding:0;
width:734px;
float:left;
background:none;
}
#collLeft{
float:left;
width:416px;
margin-right:0px;
}
#collRight{
float:right;
width:288px;
padding:0 14px 0 15px;
background-color:#e7e7e7;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- AGENDA ACCUEIL ---*/
#inter #wrapperTabs h2 {
font-weight:normal;
color:#241b1a;
font-size:2.5em;
margin:18px 0 0 0;
padding:0;
background:none;
border-bottom:3px solid #1c2126;
line-height:28px;
}
.rssAgenda {
background:url(bgFlux.png) no-repeat 0 -20px;
display:block;
width:20px;
height:20px;
position:absolute;
top:24px;
right:14px;
}
.rssAgenda:hover {
background-position:0 0;
}
#tabs{
background:none;
border:none;
}
#inter #tabs ul{
background:none;
margin:0;
border:none;
}
#inter #tabs ul li{
padding:0;
border:none;
background:none;
}
#tabs ul li a{
color:#000000;
line-height:20px;
height:29px;
padding:0;
margin:0;
width:77px;
text-align:center;
}
#inter .ui-state-active a{
background:url(bgmois.png) no-repeat 0 0 transparent;
color:#ffffff;
border:none;
}
.fiche {
min-height:40px;
border-bottom:1px dashed #999999;
margin-bottom:5px;
margin-top:5px;
float:left;
width:100%;
font-family:"Arial";
}
.fiche p {
margin:0;
padding:0;
}
.coll01{
width:21px;
float:left;
}
.coll02{
width:218px;
float:right;
margin-top:-5px;
}
.infosAgenda {
color:#db0d4b;
font-weight:bold;
font-size:0.7em;
width:260px;
display:block;
}
#inter .fiche h3 {
padding:0;
margin:-3px 0 0 0;
background:none;
line-height:0.7em;
}
#inter .fiche h3 a {
text-decoration:none;
color:#505050;
font-size:0.7em;
font-weight:normal;
}
#inter .fiche h3 a:hover {
color:#DB0D4B;
}
.readmore{
display:block;
width:21px;
height:29px;
float:left;
margin-right:3px;
}
.readmore a{
display:block;
background:url(plus.gif) no-repeat 0 -21px;
height:21px;
width:21px;
overflow:hidden;
text-indent:100px;
float:left;
}
.readmore a:hover{
background-position:0 0;
}
#inter #tteAgenda a{
float:left;
padding-left:8px;
width:278px;
margin-bottom:5px;
color:#ffffff;
text-decoration:none;
background:url(bgBtn.gif) repeat 0 -21px;
}
#inter #tteAgenda a:hover{
background-position:0 0;
}
/* ------ */
#wrapslider {
width:405px;
float:left;
position:relative;
}
#inter #wrapslider ul {
margin:0;
padding:0;
backgroud:none;
}
#slider {
position:relative;
float:left;
}
#slider ul li {
width:400px;
height:300px;
position:relative;
}
#inter #wrapslider ul li {
margin:0;
padding:0;
backgroud:none;
}
ol#controls{
margin:1em 0;
padding:0;
height:40px; 
position: absolute;
top: -22px;
right: 10px;
}
ol#controls li{
margin:0 2px 0 0; 
padding:0;
float:left;
list-style:none;
height:33px;
}
ol#controls li a{
display: block;
float:left;
height:40px;
width: 15px;
padding-top:3px;
background: url(bgNum.png) no-repeat right top;
color:#fff;
text-decoration:none;
text-align: center
}
ol#controls li.current a{
background: url(bgNum.png) no-repeat left top;
color:#fff;
}
.contentActu{
position:absolute;
top:6px;
right:6px;
width:185px;
height:289px;
background:url(bgActus.png) repeat-y 0 0;
}
#inter .contentActu h3 {
background:none;
}
#inter .contentActu h3 a {
color:#ffffff;
text-decoration:none;
font-weight:normal;
}
#inter .contentActu h3 a:hover {
color:#D90D4B;
}
.contentActu p{
color:#ffffff;
padding:0 6px 0 13px;
}
#inter .ttMedias{
margin-top:10px;
float:left;
padding-left:8px;
width:278px;
margin-bottom:5px;
color:#ffffff;
text-decoration:none;
background:url(bgBtnActu.gif) repeat-x 0 -21px;
min-height:21px;
line-height:21px;
}
#inter .savoirPlusActu {
color:#ffffff;
text-decoration:none;
float:right;
}
#inter .savoirPlusActu:hover {
color:#D90D4B;
}
#wrapslider .ttMedias {
width:392px;
}
#inter .ttMedias:hover{
background-position:0 0;
}
#facebook {
display:block;
float:left;
width:399px;
height:41px;
background:url(bgFb.gif) no-repeat 0 0;
}
#reseauxSociaux{
background: #e7e7e7;
float: left;
padding: 5px 5px 5px 0;
width: 394px;
min-height: 95px;
}
#reseauxSociaux a span{
display: block;
text-indent: -5000px;
}
#inter #reseauxSociaux h2{
background:url(bgRSTitre.gif) no-repeat right top;
width:380px;
height: 40px;
line-height:22px;
color:#db0d4b;
text-transform:uppercase;
margin:0 ;
padding-left:12px;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.accueil #wrapperInter {
}
#wrapperInter {
position:absolute;
top: 0;
bottom: 0;
width:680px;
min-height: 830px;
float:left;
margin:auto;
padding:0 35px 0 38px;
background:url(bgContenu.png) repeat-y 0 0;
margin-top:-10px;
}
#inter ul li,
#inter_popup ul li {
padding-left:14px;
background-repeat:no-repeat;
background-position:left 6px;
}
#inter ul li,
#inter_popup ul li{
background-image:url(puce02.gif);
}
#inter ul ul li,
#inter_popup ul ul li{
background-image:url(puce03.gif);
background-position:left 8px;
}
#inter ul ul ul li ,
#inter_popup ul ul ul li{
background-image:url(puce04.gif);
background-position:left 9px;
}
body.rapportRSE #informations #para0101 {
 position:absolute;
 top:-5000px;
 left:-5000px;
}
#inter .btnRSE {
 margin-left: auto;
 margin-right: auto;
 width:193px;
 border:1px solid #CE0D4B;
}
#inter .btnRSE a {
 display:block;
 height:48px;
 width:193px;
 text-decoration:none;
 text-transform:uppercase;
 color:#FFF;
 background:url(btn_RSE.jpg) no-repeat left top;
}
#inter .btnRSE a span {
 display:block;
 padding:5px 50px 5px 10px;
}
.infolabel{
background: #DB0D4B;
color: #FFFFFF;
}
td.moyenneA,
td.moyenneB{
text-align: center;
}
#inter .btnRSE a:hover {
  /* SAFARI TRES VIELLE VERSION < 2.1 */
 -khtml-opacity:0.8; 
 /* FIREFOX TRES VIELLE VERSION <= 0.9*/
 -moz-opacity : 0.8; 
 /* IE 8 ET COMPRIS PAR IE 10*/
 -ms-filter: "alpha(opacity=80)"; 
 /* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
 /* IE 4 */
 filter : alpha(opacity=80); 
 /* AUTRE */
 opacity : 0.8;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- ENTETE DE PAGE ---*/
#entetepage {
margin:25px 0 0 0;
width:100%;
float:left;
}
.imgEntete {
float:left;
margin-bottom:10px;
}
.contentEntete {
float:right;
width:320px;
min-height:240px;
}
.contentEntete p{
padding-left:30px;
color:#00063c;
font-family:"Arial";
font-weight:bold;
}
.contentEntete h1 {
margin:0;
}


/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
h1,h2,h3,h4,h5,h6 {
margin:1em 0 .5em;
line-height:1.4;
font-weight:700;
font-style:normal;
clear: both;
font-family: Arial;
}
body.accueil h1{
margin: 0;
padding: 0;
line-height: auto;
}
h1 {
font-size:1.75em;
text-transform:uppercase;
color:#00063c;
font-weight:normal;
background:url(bgH1.png) no-repeat left top;
padding-left:28px;
}
/*---*/
#inter h2,
#inter_popup h2{
font-size:1.5em;
color: #d40d4b;
background:url(ligne.gif) repeat-x 0 bottom;
}
#inter h2 span,
#inter_popup h2 span{
background:url(bgH2.png) no-repeat 0 8px #fff;
display:inline;
padding:0px 5px 0px 10px;
}
#inter h2 a,
#inter_popup h2 a{
color: #d40d4b;
}
/*---*/
#inter h3,
#inter_popup h3{
font-size:1.25em;
color: #d40d4b;
background:url(bgH3.png) no-repeat 0 center;
padding-left:10px;
}
#inter h3 a,
#inter_popup h3 a{
color: #d40d4b;
}
/*---*/
#inter h4,
#inter_popup h4 {
font-size:1em;
color: #00063c;
}
#inter h4 a,
#inter_popup h4 a{
color: #00063c;
}
/*---*/
#inter h5,
#inter_popup h5{
font-size: .8em;
color: #00063c;
}
#inter h5 a,
#inter_popup h5 a{
color: #00063c;
}

/*** QUESTIONNAIRE ***/
body #inter .questionnaire{
 margin: 0;
 width:100%;
 font-family: arial;
}
body #inter .questionnaire h2{
background: none;
color: #FFFFFF;
font-weight: normal;
border: 1px solid #FFFFFF;
box-shadow: 2px 2px 5px #999999;
-webkit-box-shadow: 2px 2px 5px #999999;
-moz-box-shadow: 2px 2px 5px #999999;
margin: 0;
padding: 5px 10px;
}
body #inter .questionnaire #informations h2{
background: #4c728c;
}
body #inter .questionnaire #environnemental h2{
background: #9bbb5d;
}
body #inter .questionnaire #social h2{
background: #e94c7b;
}
body #inter .questionnaire #territorial h2{
background: #eda950;
}
body #inter .questionnaire #gouvernance h2{
background: #4c728c;
}

.vert{
background: #e3ecd1;
}
.bleu{
background: #ccd7de;
}
.orange{
background: #fae6cd;
}
.rose{
background: #f8d3de;
}
body #inter form #nextQ,
body #inter form #prevQ{
width: 100%;
}
#nextQ input{
width: 100%;
background: #00365B;
color: #FFFFFF;
border: #999 1px solid;
margin: 10px 0 0 0 ;
text-align: right;
}
#prevQ input{
width: 100%;
background: #00365B;
color: #FFFFFF;
border: #999 1px solid;
margin: 10px 0 0 0 ;
text-align: left;
}
#nextQ input:hover,
#prevQ input:hover{
background: #DB0D4B;
}
body #inter form .inputInit{
width: auto;
clear: none;
}
body #inter .questionnaire div.submit.inputFloatLeft,
body #inter .questionnaire .inputFloatLeft{
float: left;
}
body #inter .questionnaire div.submit.inputFloatRight,
body #inter .questionnaire .inputFloatRight{
float: right;
}
body #inter form .L25{
width: 24%;
}
body #inter form .L33{
width: 32%;
}
body #inter .questionnaire .L33Marge{
width: 34%;
margin: 5px 1%;
}
.bgb7{
background: #B7B7B7
}
body #inter form .L50{
width: 49%;
}
body #inter form .bgb7{
background: #F2F2F2;
padding: 3px;
margin: 10px 0;
}
body #inter form .checked .bgb7{
background: #FFFFFF;
}
body #inter form .checked label.bgb7{
font-weight: bold;
}
.questionnaire .headerForm {
 font-size:0.85em;
 font-style:italic;
 font-weight:bold;
 color:#D40D4B;
}
body #total #inter .questionnaire legend {
 font-size:1.5em;
 color:#00063C;
 text-transform:uppercase;
 padding: 5px 0;
 margin: 0;
 text-indent:0;
 border-bottom: #00063C 1px solid;
 line-height: 1em;
 width: 100%;
}
#inter .questionnaire div.entry label {
 font-size:1em;
 font-weight:normal;
 color:#00063C;
 padding:5px 1%;
 width: 98%;
margin: 0;
}
body #inter .questionnaire .entry input, 
body #inter .questionnaire .entry textarea, 
body #inter .questionnaire .entry select {
 float:left;
 width:100%;
 font-size:1em;
 border:1px solid #CCC;
 text-indent: 5px;
}
body #inter .questionnaire .entry input.formatNumeric, 
body #inter .questionnaire .entry input.formatDecimal, 
body #inter .questionnaire .entry input.formatMoney {
 /*max-width:120px;*/
}
#inter .questionnaire .entry{
border: 1px solid #CCCCCC;
margin: 5px 0;
}
#inter .questionnaire #informations .entry{
border: none;
}
#inter .questionnaire .entry div {
 float:left;
 width:100%;
margin-left: 20px;
}
#inter .questionnaire .entry div input {
 height:14px;
 width:11px;
 margin:0;
 padding:0;
 line-height:1.1em;
 margin-right:0.3em;
 border:none;
}
#inter .questionnaire .entry div label {
 font-size:small;
 color:black;
 border-bottom:0;
 margin-bottom:0;
 font-weight:normal;
 width:25%;
 float:left;
 padding:0.4em 0;
 line-height:1.1em;
}
.questionnaire div.entry table th, 
.questionnaire div.entry table td {
 background:#FFF;
 color:#000;
 font-weight:normal;
 font-size:small;
 padding:2px;
}
.questionnaire .entry table tr td label {
 font-size:small;
 color:black;
 border-bottom:0;
 margin:0;
 font-weight:normal;
}
.questionnaire .entry table input {
 float:none !important;
}
.questionnaire legend {
 width:90%;
 font-size:140%;
 color:red;
 padding:2px 10px 2px 20px;
 margin:10px 0;
 background: url("puce-ll.gif") no-repeat scroll left center transparent;
 color: #01A0BE;
}
#inter .questionnaire fieldset.tableau .entry label, 
#inter .questionnaire fieldset.tableau .entry div {
 width:48%;
}
#inter .questionnaire fieldset.tableau .entry div {
 float:right;
}
.questionnaire .submit input {
 width:auto; 
}
body #inter .questionnaire .footer.plus_tard{
position: absolute;
top: 18px;
right: 35px;
}
body #inter .questionnaire .footer.submit {
 padding-bottom:0;
}
body #inter .questionnaire div.submit {
 float: left;
 margin: 0;
}
body #inter .questionnaire div.submit 
body #inter .questionnaire .submit input{
 float: left;
 margin:10px 0 0 0;
 cursor: pointer;
 word-wrap:break-word;
 max-width:510px;
 width:100%;
 border:none;
}
body #inter .questionnaire div.submit input:hover, 
body #inter .questionnaire div.submit input:focus {
 color: #D40D4B;
 background:#FFF;
}
body #inter .questionnaire .submit input + input{
 float: right;
}
body.contact #recaptcha_area {
 width:382px;
}
#wrapperrichmenu.floatable{
 float: left;
 position: fixed;
 top: -90px;
 background: #FFFFFF;
 border:red 1px solid;
}