@font-face {
  font-family: 'ChaparralPro-Regular';
  src: url('ChaparralPro-Regular.eot?#iefix') format('embedded-opentype'),  url('ChaparralPro-Regular.otf')  format('opentype'),
	     url('ChaparralPro-Regular.woff') format('woff'), url('ChaparralPro-Regular.ttf')  format('truetype'), url('ChaparralPro-Regular.svg#ChaparralPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{ margin:0; padding:0; width:100%; background:#034b7a;}
div,td{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; color:#696865;}
a{ text-decoration:none; color:#4597cd;}
img{ border:none;}
h1,h2,h3,h4{ margin:0; padding:0;}
p{ margin:0; padding:10px 0;}
ul h3{ display:inline;}

.clear{ clear:both; height:0;}

input[type="text"],textarea,select{
    font-family: Trebuchet MS,Tahoma,sans-serif,Verdana;
    font-size: 13px;
    color:#3C3F3B;
}
.addthis_sharing_toolbox{
    margin: 5px 0px;
}
#pageweb {
    clear: both;
    height: auto !important;
    min-height: 100%;
}


.menurd{
    z-index:500;
    position: relative;
}
.menurd .dl-menuwrapper button {
    background: #0188b7;
}

.menurd .dl-menuwrapper button:hover,.menurd .dl-menuwrapper button.dl-active,.menurd .dl-menuwrapper ul {
    background: #0188b7;
}
.menurd a,.menurd a:hover{
    text-decoration: none;
}
#top header #dl-menu{
    clear:both;
    text-align:left;
    display:none;
}
#central{
    
}
#central #corps{
    
}
#topmenu{
    background:url("../images/menu.jpg") top left repeat-x;
    height:25px;
    padding:8px 0px 0px 12px;
    color:#fff;
}
#topmenu ul li,.footer2 ul li{
    display: inline;
}
#topmenu a{
    color:#AB0102;
    text-transform:uppercase;
    font-size:14px;
    text-decoration:none;
    font-weight:bold;
    padding: 0px 7px;
}
section#section1,section#col2G,section#corps2,section#col3G,section#corps3,section#col3D,section#corps4,section#col4D{

}
/*--- GABARIT 1 ---*/
section#section1{

}
/*--- GABARIT 2 ---*/
section#col2G{
   
}
section#corps2{
    
}
/*--- GABARIT 3 ---*/
section#col3G{
    
}
section#corps3{
    
}
section#col3D{
    
}
/*--- GABARIT 4 ---*/
section#corps4{
    
}
section#col4D{
    
}
/*-------------*/
#footer{
   
}
#footer a{
   
}
.msgErreurs{
    background-color:#F9ABA2;
    padding:5px;
    color:#BF2413;
    border-radius:5px;
    font-weight:bold;
    border:1px solid #BF2413;
}
.navigation{ background:none;
    padding:0 0 5px 5px;
    margin: 0 0 5px 0;
    border-radius: 5px;
    border: none;
    clear:both;
}
.urlPlan{
    margin:10px 0px 10px 20px;
    background: url("../images/fleche.jpg") no-repeat scroll left transparent;
    padding-left:30px;
}
.urlPlan a { color:#696865; }

.creditsPhotos{
    margin: 0;
    padding: 10px;
    text-indent: 30px;
    list-style: inside;
}


.googleMAP{
    text-align: center;
    margin: 10px 0px;
}
.googleMAP iframe{
    width: 100%;
    height: 450px;
}
.btSubmit1{ background-color:#0188B7;
    font-size: 30px;
    border: 2px solid #0188B7;
    border-radius: 5px;
    padding: 5px;
    color:white;
    cursor:pointer;
}
.btSubmit2{
    background: url("../images/bgbt.jpg") repeat-x scroll left top transparent;
    border: 2px solid grey;
    border-radius: 5px;
    padding: 5px;
    color:white;
    cursor:pointer;
}
.titreDiapo{
    font-size: 30px;
    border: 2px solid grey;
    border-radius: 5px;
    background: url("../images/bg1.jpg") repeat-x scroll left bottom transparent;
    padding-left: 5px;
    margin: 15px 0px 5px 0px;
}
.rubDiapo{
    float: left;
    margin: 7px;
    width: 190px;
    background: url("../images/bgdiapo.jpg") repeat-x scroll left bottom transparent;
    border: 2px solid grey;
    text-align:center;
    padding: 5px;
    border-radius: 5px;
    height:120px;
}
.rubDiapo .img{
    height:100px;
    border: 1px solid grey;
    width: 100px;
    background-color: white;
    margin: auto;
}
.rubDiapo .lien{
    background-color: #BAC3CD;
    margin: 3px 0px;
}
.rubDiapo .lien a{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
#box1,#box2{
    
}
.extraitArt{
    border: 2px solid #aaa;
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    border-radius: 10px;
    padding: 5px;
    margin-top: 18px;
}
.extraitArt .intitule a{
    font-size: 20px;
    text-decoration: none;
}
.extraitArt .date{
    text-align: right;
    font-style: italic;
    font-size: 11px;
}
#infoHeader{
    float: right;
}
#infoHeader .info2{
    font-size: 18px;
}
.cOrange{
    color:#F29142;
}
.cCuivre{
    color:#867462;
}
/* realisation */
#pagerealisation ul,#pagerealisation ul li{ 
    margin:0; 
    padding:0; 
    list-style:none;
}
#pagerealisation .menuDiapo{ 
    float:left;
    width:28%; 
    margin-right:2%;
}
#pagerealisation .menuDiapo ul li { 
    border-bottom:1px solid #FFF;
}
#pagerealisation .menuDiapo ul li:first-child{ 
    border-top:1px solid #FFF;
}
#pagerealisation .menuDiapo ul li a{ 
    display:block; 
    padding:10px 0 10px 5px; 
    text-transform:uppercase;
}
#pagerealisation .menuDiapo ul li.play a,#pagerealisation .menuDiapo ul li a:hover{ 
    background:#FFF; 
    color:#000;
}
#diapoREA{ 
    margin:auto;
    width:95%;
}
.guillemets{
    text-align:justify;
    padding:5px;
    margin-top:20px;
    clear: both;
}
.search2{
    float:right;
}
.search2 input[type="text"]{
    height: 22px;
}
.search2 .txt1{
    font-size: 18px;
}
.search2 .txt2{
    
}
.search2 .txt3{
    
}
.pcontactf{
    width:100%;
}
.pcontactftxt{
    text-align:center;color:red;
}
.pPlanSite{
    
}
.lecteurVideo{
    width:640px;
    height:360px;
    margin:auto;
}
.formRemerc{
    width:640px;
    margin:auto;
    padding: 8px;
    border: 2px solid #aaa;
    box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    border-radius: 10px;
}
.formRemerc .titre{
    font-size: 18px;
    text-align: center;
}
.formRemerc .libelle{
    font-weight: bold;
    margin-top: 5px;
}
.formRemerc .inputTxt1 input[type="text"]{
    width: 100%;
}
.formRemerc .inputTxt2 textarea{
    width: 100%;
}




/* CSS Document */



#wrapper{ margin:0 auto; width:1015px;}
#header{ clear:both;}
.header{  position:relative;background:url(../images/header.png) top right no-repeat #0188b7;}
.deco{ position:absolute; right:0;}
.deco img{ max-width:100%; height:auto;}
#head{ position:relative; z-index:10;}
.head-top{ background:#034b7a; background:rgba(3,75,122,0.7);}
#logo{ float:left; width:350px;}
#menu{ float:right; width:550px; text-align:center; padding-top:40px;}
#menu ul,#menu ul li{ margin:0; padding:0; list-style:none;}
#menu ul li{ display:inline-block; padding:0 30px; background:url(../images/menu_etablissements.png) right center no-repeat;}
#menu ul li:last-child{ background:none;}
#menu ul li a{ display:block; font-family:'ChaparralPro-Regular',Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; color:#FFF;}
#coords{ padding:20px 46px; width:304px;}
.coords{ background:url(../images/coord.png) top left no-repeat; padding-left:90px; color:#FFF; font-size:16px;}
.coords a{ color:#FFF;}
.coords p{ padding:6px 0;}
.phone{ color:#FFF; font-size:18px; font-weight:bold;}
.phone span{ display:inline-block; width:60px; vertical-align:middle;}
#main{ background:url(../images/ph.jpg) top no-repeat #FFF; padding:0 15px;}
.social{ padding:36px; text-align:right; position:relative; z-index:100;}
.nav{ font-size:12px; padding-left:46px;}
#ttl{text-align:center;}
#ttl h1{ font-family:'ChaparralPro-Regular',Arial, Helvetica, sans-serif; font-size:30px; color:#2e2d2d; line-height:35px;}
#content{}
#col3G{ background:#FFF; padding:0 15px;}
#corps3{ padding:0 15px; background:url(../images/content.jpg) bottom no-repeat #00a9da;}
#corps3 h2{ font-size:14px; font-weight:bold; color:#4597cd; background:url(../images/h2.png) left center no-repeat; padding-left:10px;}
#corps3 h3{ font-size:14px; color:#4597cd; font-weight: normal; }
.photos{ padding:15px 0; background:#FFF;}
.photos img { max-width:100%; height:auto; }
.photos ul,.photos ul li{ margin:0; padding:0; list-style:none;}
.photos ul li{ display:inline-block; margin-right:35px;}
.photos ul li:last-child{ margin-right:0;}
.photos ul li a{ display:block;} 
.texte{ padding:0 15px 10px 15px; background:#FFF;}
.texte ul{ width:40%; margin:0; padding:0; padding-left:10px;}
.texte ul li{ display:inline-block; width:46%; background:url(../images/liste.jpg) left center no-repeat; padding-left:2%;}
.photos-right{ float:right; background:#FFF; background:rgba(255,255,255,0.85); width:310px; text-align:
right; margin-top:20px;}
.photos-right img { max-width:100%; height:auto; }

.photos-right ul,.photos-right ul li{ margin:0; padding:0; list-style:none;}
.photos-right ul li:first-child{ padding-bottom:30px;}
.txt{ float:left; background:#FFF; background:rgba(255,255,255,0.85);margin-top:20px; width:615px; padding:15px;}
.txt ul.liste{margin:0; padding:1.4px 10px;}
.txt ul.liste li{ background:url(../images/liste.jpg) left center no-repeat; display:inline-block; width:46%; padding:5px 0 5px 10px; vertical-align:middle; }
#col3D article{ padding:15px 30px;}
#col3D h2{ font-size:14px; font-weight:bold; color:#4597cd; background:url(../images/h2.png) left center no-repeat; padding-left:10px; margin: 15px 0 0 0;}
#col3D h3{ font-size:14px; color:#4597cd; font-weight:normal;}
#col3D ul{ list-style:url(../images/liste.jpg) inside;}
.link{ background:#0188b7; padding:10px; text-align:center;}
.link ul,.link ul li{ margin:0; padding:0; list-style:none;}
.link ul li{ display:inline-block; background:url(../images/link.png) left center no-repeat; padding:0 20px;}
.link ul li:first-child{ background:none;}
.link ul li a{ color:#FFF;}
.strategie{ padding:10px 0; text-align:center; color:#008ab9;}
.strategie img{ vertical-align:middle; display:inline-block;}
.strategie a{ color:#008ab9;}
.pagewpartenaires #content { min-height: 200px; }
.pagewcontact .coord { width: 40%;
    float: left;
    padding: 0 0 0 10px; }
.pagewcontact .pcontactf { width: 50%;
    float: right; }

	
}

/* ----------------------------------------
/* 
/*		       RESPONSIVE
/*
------------------------------------------- */

@media only screen and (max-width:1000px){
	#wrapper{ width:100%;}
	#top header{ width:100%; }
	.photos ul li{ margin-right:18px;}
	.photos ul li img{ max-width:100%; height:auto;}
	.photos-right{ width:30%; padding-left:2%; min-height:641px;}
	.photos-right ul li img{ max-width:100%; height:auto;}
	.txt{ width:64.74%;}
}

@media only screen and (max-width:940px){
	.photos ul li{ width:31.58%;}
	.txt{ width:64.4%;}
}

@media only screen and (max-width:850px){
	.deco{ width:58%;}
	#menu{ width:56%;}
	#menu ul li{ padding:0 26px;}
	.photos ul li{ margin-right:15px;}
	.photos-right {width: 96%;padding: 2%;min-height: inherit; float:none; text-align:center;}
	.photos-right ul li{ display:inline-block; margin:0 4%;}
	.photos-right ul li:first-child{ padding-bottom:0;}
	.txt { width: 96%;margin: 0;padding: 15px 2%;}
	.txt ul.liste li{ width:48%;}
	#top header {
    margin: auto;
    width: 100%;
}
	#header {
    clear: both;
    width: 100%;
}
	
	#wrapper{ width:100%;}
	#main {
    width: 96.2%;
}
	.googleMAP iframe{
    width: 100%;
    height: 450px; }

}

@media only screen and (max-width:788px){
	
	#menu { width:50%;}
	#menu ul li{ padding:0 14px;}
	.photos ul li{ margin-right:14px;}
	.photos-right ul li{ margin:0 3%;}
	#main {
    width: 96.1%;
}
	
}

@media only screen and (max-width:680px){
	.deco{ display:none;}
	#logo{ width:100%; float:none;}
	#logo img{ max-width:100%; height:auto;}
	#menu{ display:none;}
	.photos ul li{ margin-right:10px;}
	.photos-right ul li {margin: 0px 2%;width: 44%;}
	.txt ul.liste li{ width:46%;}
	.link{ display:none;}
	.photos {width: 103%; }
	#main {
    width: 95%;
}
	.pcontactf form p:first-child { font-size: 9px;}
	.photos ul li {
    margin-right: 7px;
}
	#top header #dl-menu{
    clear:both;
    text-align:left;
    display: block;
}
	.pcontactf form p { font-size:13px; }


}

@media only screen and (max-width:500px){
	.photos ul li{ margin-right:7px;}
	#main {
    width: 93.7%;
}
	.pagewcontact .coord { width: 100%;float: none; }
	.pagewcontact .pcontactf {
    width: 100%;
    float: none;
}
	.txt { background: #fff; }	

}
@media only screen and (max-width:400px){
	#coords{ width:96%; padding:20px 2%;}
	#ttl h1{ font-size:20px; line-height:25px;}
	#col3G,#corps3{ padding:0;}
	.photos ul li{ margin-right:4px;}
	.texte ul{ width:100%;}
	.txt ul.liste li{ width:98%;}
	#col3D article{ padding:15px 2%;}
	#col3D ul{ margin:0; padding:10px 5px;}
	.pcontactf form p:first-child {
    font-size: 12px;
}
	#main {
    width: 91.6%;
}

}

@media only screen and (max-width:340px){
	#main {
    width: 90.5%;
}
	.photos ul li{ margin-right:2px;}
	.strategie a{ font-size:12px;}
	.pagewplan .divPW4 { font-size:15px; }
	.pcontactf form p:first-child {
    font-size: 12px;
}
	
}
#divloi {
                    text-align:center; font-style:italic; margin:auto;
                }
                        /*===============*/
                /* JS Cookie Bar */
                /*===============*/
                #cookie-bar {
                  position: fixed;
                  top:initial;
                  bottom: 0;
                  background: #111111;
                  height: auto;
                  line-height: 24px;
                  color: #eeeeee;
                  text-align: center;
                  padding: 3px 0;
                  width: 100%;
                  z-index: 1000000; }
                
                #cookie-bar.fixed {
                  position: fixed;
                  bottom: 0;
                  left: 0;
                  z-index: 999;
                  width: 100%; }
                
                #cookie-bar.fixed.bottom {
                  bottom: 0;
                  top: auto; }
                
                #cookie-bar p {
                  margin: 0;
                  padding: 0; 
                  color: #eeeeee;}
                
                #cookie-bar a {color:#959595; display:inline-block; border-radius:3px; text-decoration:underline; padding:0 6px; margin-left:8px;}
                #cookie-bar .cb-enable {background:#007700; color:#fff;  text-decoration:none;}
                
                #cookie-bar .cb-enable:hover {
                  background: #009900; }
                
                #cookie-bar .cb-disable {
                  background: #990000; }
                
                #cookie-bar .cb-disable:hover {
                  background: #bb0000; }
                
                #cookie-bar .cb-policy {
                  background: #0033bb; }
                
                #cookie-bar .cb-policy:hover {
                  background: #0055dd; }