@charset "utf-8";
/* CSS Document */

* {	margin:0; padding:0; -webkit-text-size-adjust: none; box-sizing:border-box;-moz-box-sizing:border-box;}

html{min-height:100%}
a { text-decoration:none; color:#ac0233;}

ul { list-style:none;}
ul li{ list-style:none;}

img { border:0; height:auto;}

html {background:url('../images/body-bg.jpg') repeat top left ;}
body { font: 400 14px/21px 'Open sans', sans-serif; color:#000; min-height: 100%;}

.wrap { margin: 0 auto; width:1280px;}

#menu-header a:hover { text-decoration:underline;}

.wrap:after { display:block; clear:both; content:" ";}

/* à récupérer
-webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; transition: all 0.5s ease-in-out ;
*/

@media all{

/*************************************** HEADER ****************************************************/
header { background-color:#fff; display: inline-block; width: 100%;}
	header .wrap {padding : 0 155px; }

#logo { float:left; padding: 35px 0 30px;}
	#logo img {max-width: 150px;}

#baseline {font: 200 40px/55px 'Open Sans', sans-serif;float:right; color:#596e80;padding-top:50px;}
	#baseline a {color :#596e80 ;}
	#baseline .title {font-weight: 700;color: #e52b38;}
#baseline.marginauto { text-align: center; float: none; margin-bottom: 50px;}

/*** MENU ***/
nav { width:100%; background-color:#f3f5f6; font-family:'Open sans'; font-size:16px;font-weight:normal;}
	nav div#maximenuck90 ul.maximenuck { background: none; border: none; box-shadow: none; padding : 0 ;justify-content: center; display: flex !important; display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1:hover , nav div#maximenuck90 ul.maximenuck li.maximenuck.level1.active { border: none; background: transparent ; border-radius: 0;float: left;padding: 0; margin : 0;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a, nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent > a {text-shadow: none ;  color: #596e80;font-family:'Open Sans', sans-serif;font-size: 16px;font-weight: normal;padding: 15px;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1.active > a span.titreck, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1:hover > span.separator, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1.active > span.separator {color: #fff; text-shadow: none ;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1:hover > a, nav div#maximenuck90 ul.maximenuck li.maximenuck.level1.active > a {background-color :#ac0233 ;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a.deconnexion{ color:#e21a44;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a.deconnexion:hover{ color :#fff;}

	nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent > a:after, nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent > span.separator:after , nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent:hover > a:after, nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent:hover > span.separator:after, nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent.active > a:after, nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent.active > span.separator:after { border-color:transparent ;}
	nav div#maximenuck90 div.floatck , nav div#maximenuck90 ul.maximenuck li.maximenuck div.floatck div.floatck {  background: #f3f5f7; border: 1px solid #f3f5f7; padding: 5px; border-radius : 0; }
	nav div#maximenuck90 div.floatck {margin : 0; }
	nav div#maximenuck90 ul.maximenuck li.maximenuck ul.maximenuck2 li a, nav div#maximenuck90 ul.maximenuck2 li a{ color: #596e80;  font-size: 14px; text-shadow: none ;}
	nav div#maximenuck90 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, nav div#maximenuck90 ul.maximenuck2 li:hover a, nav div#maximenuck90 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a {color :#ac0233 ;}
	nav div#maximenuck90 ul.maximenuck li.level1.parent li.parent:hover > a:after, nav div#maximenuck90 ul.maximenuck li.level1.parent li.parent:hover > span.separator:after, nav div#maximenuck90 ul.maximenuck li.level1.parent li.parent.active > a:after,nav  div#maximenuck90 ul.maximenuck li.level1.parent li.parent.active > span.separator:after {border-left-color: #596e80;}
 
	
	/** Menu mobile **/ 
#maximenuck90-mobilebarmenuck.mobilebarmenuck, #maximenuck90-mobilebarmenuck.mobilemaximenuck {background-color: #596e80; height: auto; padding: 10px 0;}
	#maximenuck90-mobile .mobilebarmenutitleck, #maximenuck90-mobile .mobilemaximenuck .mobilemaximenucktitle{color: #fff;}
	#maximenuck90-mobile.mobilemaximenuck .mobilemaximenucktitle {color: #fff ; padding: 15px 0 0 20px; text-transform : uppercase; }
	#maximenuck90-mobile.mobilemaximenuck .topbar { height: 53px; background-image : none ; background-color :#596e80 ;}
	#maximenuck90-mobilebarmenuck .mobilebuttonmenuck {background:url(../images/pictos/icon_launch.png) no-repeat;}
	#maximenuck90-mobile.mobilemaximenuck .mobilemaximenucktopbar {background-image : none ; background-color: #483d38 ;}
	#maximenuck90-mobile.mobilemaximenuck {background-color: #f3f5f6; }
	#maximenuck90-mobile.mobilemaximenuck div.level1.maximenuck > a {background: none ;padding-left : 0; text-shadow: none; height: auto; padding:5px 15px;}
	#maximenuck90-mobile.mobilemaximenuck div.maximenuck{background: none ;}
	#maximenuck90-mobile.mobilemaximenuck .mobilemaximenuckitem{border-bottom: 1px solid #596e80; }
	#maximenuck90-mobile.mobilemaximenuck .mobilemaximenucksubmenu .mobilemaximenuckitem { border-bottom:none ;}
	#maximenuck90-mobile.mobilemaximenuck div.maximenuck > a{color: #596e80 !important; }
	#maximenuck90-mobile.mobilemaximenuck div.maximenuck:hover, #maximenuck90-mobile.mobilemaximenuck div.maximenuck:focus {background: transparent; }
	#maximenuck90-mobile.mobilemaximenuck div.maximenuck:hover a, #maximenuck90-mobile.mobilemaximenuck div.maximenuck:focus a, #maximenuck90-mobile.mobilemaximenuck div.current > a, #maximenuck90-mobile.mobilemaximenuck div.maximenuck.active > a , .mobilemaximenuck div.maximenuck.open > a{color: #e52b38 !important; }
	#maximenuck90-mobile.mobilemaximenuck div.current > a:after {background: none ;}
	#maximenuck90-mobile.mobilemaximenuck {text-shadow :none ;}
	#maximenuck90-mobile .mobilemaximenutogglericon { margin-right: 10px; top: 5px; background: url(../images/pictos/plus.png) center center no-repeat;}
	#maximenuck90-mobile .open.maximenuck .mobilemaximenutogglericon , #maximenuck90-mobile .maximenuck:hover .mobilemaximenutogglericon{ background-image : url(../images/pictos/moins.png) ;}
	#maximenuck90-mobile.mobilemaximenuck div.level2.maximenuck > a  { background: none ; padding-left : 30px; }
	#maximenuck90-mobile.mobilemaximenuck div.level2.maximenuck > a::before {content :' - '; }
	#maximenuck90-mobile.mobilemaximenuck .mobilemaximenuckclose{background: url(../images/pictos/close.png) no-repeat center center ;height: 40px;}
	#maximenuck90-mobile.mobilemaximenuck  div.level3.maximenuck > a { background: none ;padding-left : 50px; }
	#maximenuck90-mobile.mobilemaximenuck  div.level3.maximenuck > a::before {content :'...' ; margin-right : 10px; }
	
/** ACCUEIL **/ 

#accueil #system-message-container, main #system-message-container  { position: absolute; top: 0; z-index: 999;   }
#accueil #system-message-container #system-message,  main  #system-message-container #system-message{ color :#fff; }
#accueil #system-message-container #system-message .alert, main  #system-message-container #system-message .alert {padding: 20px; background-color: rgba(89,110,128,0.8); }
#accueil #system-message-container #system-message .alert-error, main  #system-message-container #system-message .alert-error, #accueil #system-message-container #system-message .alert-warning, main  #system-message-container #system-message .alert-warning {background-color: rgba(172,2,51,0.8); }
#accueil #system-message-container #system-message a.close, main  #system-message-container #system-message a.close {display: none ; }
main #system-message-container  {top: 0; position: relative;}

/** Accueil - gauche **/
#accueil .left {float: left; width: 855px;padding:50px 30px 50px 0;background: url('../images/accueil-img-bg.jpg') no-repeat top left transparent; height : 100%;  background-size: cover; min-height: 650px; }
	#accueil .left h1 {padding: 40px 20px 40px 80px;background: #AB0233 url("../images/accueil-icone-projets.png") no-repeat scroll 15px center; color: #FFF; font-size: 40px;font-weight: 300;margin: 20px 0;}
	#accueil .left p{margin-top:10px;} 

	#accueil.activation-compte .left , #accueil.oubli-mot-passe .left, #accueil.contactez-nous .left { background-image: url(../images/accueil-img-bg-activation.jpg);}
	
/** Accueil  - droite **/
#accueil .right{float:right;width:425px;}
	#accueil .right h2{font: 300 23px 'Open sans', sans-serif; color : #fff;  background : url(../images/titre-activation-bg.png) repeat top left; padding: 10px 70px; }
	#accueil .right p, #accueil .right h3 { color :#000000; padding : 20px 70px 10px; background: url(../images/form-right-accueil-bg.jpg) repeat top left ;  }
	#accueil .right p {padding : 20px 70px 30px ; }
	#accueil .right .left-align{float:left;}
	#accueil .right{ height: 100%;}
	#accueil .right.connexion form, #accueil .right form { background: url(../images/form-right-accueil-bg.jpg) repeat top left ; padding: 120px 80px;}
	#accueil .right form {padding : 0 70px 30px; }
	#accueil .right form input + label, #accueil .right form select + label, #accueil .right form .SumoSelect + label   {margin-top: 10px;}
	#accueil .right form label {color :#596e80; font: 400 15px/21px 'Open sans', sans-serif;  display: block; margin-bottom: 5px;}
	#accueil .right form input[type=text], #accueil .right.connexion form input[type=password], #accueil .right form select { width: 100%;border: none; border-radius: 3px; height: 35px; padding : 0 10px; outline : none ;color :#596e80; font: 400 14px/21px 'Open sans', sans-serif; }
	#accueil .right form button[type=submit], #accueil .right form input[type=submit], main .content-bloc article .infos_interlocuteurs .infos span.btSendMessage {width : 100% ; background-color :#ac0233; color :#fff; -webkit-appearance : none ;  text-transform : uppercase;  border-radius: 3px ; display : inline-block ; margin-top:10px; padding: 10px; border: none ; cursor: pointer ;  font-size: 17px; font-weight: 600;}
	#accueil .right form button[type=submit]:hover ,  #accueil .right form input[type=submit]:hover, main .content-bloc article .infos_interlocuteurs .infos span.btSendMessage:hover {background-color: #94002b ;}
	#accueil .right form .control-group + .control-group, #accueil .right form input[type=submit]   {margin-top: 20px;}
	#accueil .right form .SumoSelect { width: 100% ;}
	#accueil .right form p.CaptionCont { background-color :#fff;  background-image: none; padding: 10px;  width: 100%; border: none;}
	#accueil .right form p.CaptionCont > label {margin-bottom: 0; background-color: #596e80 ;  border-radius: 0 5px 5px 0;}
	#accueil .right form p.CaptionCont > label > i {background-image: url("../images/select-fleche.png");
}
	#accueil .right p strong a { display: block; font-style: italic; margin: 20px 0; color: #ac0233;}
	#accueil .right form span.star {display :none ; }
	#accueil .right div ul.nav { padding: 20px 50px ; }
	#accueil .right div ul.nav li a{ background: url(../images/bouton-accueil-fleche.png) no-repeat left -47px; color : #596e80;display: block; padding: 10px 15px 10px 45px ; }
	#accueil .right div ul.nav li:hover a {background-position: left 4px;}

#accueil.mentions-legales .right {width : 100%; background:url(../images/form-right-accueil-bg.jpg) repeat top left; padding-top: 40px;  }	
	#accueil.mentions-legales .right p,#accueil.mentions-legales .right h2{padding: 20px 70px 10px; background: none ;}
	#accueil.mentions-legales .right h2 {text-align:left ; color :#e52b38;  }
	
#accueil .projets {background: url('../images/projets-bg.jpg') no-repeat top left transparent;height : 100%;  background-size: cover;  width: 100%;  padding: 150px;display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;float: left ; min-height: 650px;  }
	#accueil .projets .left {background : none ;}
	#accueil .projets .left-projets {width: 370px;float:left\9;}
	#accueil .projets .left-projets  h1 {  padding: 40px 20px 40px 80px; background: #AB0233 url(../images/accueil-icone-projets.png) no-repeat scroll 15px center; color: #FFF;font-size: 40px; font-weight: 300; margin-bottom: 20px; }
	#accueil .projets .right-projets { width: 575px;  margin-left: 30px; float:left\9; }
	#accueil .projets .right-projets ul {padding-left : 30px; border-left: 1px solid #fff;}
	#accueil .projets .right-projets ul li { background-color: #fff; margin-bottom: 15px;  clear: both;padding-left: 30px; position: relative;  padding-right: 95px;display: inline-block; width: 100%;}
	#accueil .projets .right-projets ul li .left-align { padding-bottom: 25px;}
	#accueil .projets .right-projets ul li h2 {  font-weight: 700; font-style: italic; font-size: 15px; color: #596e80;  margin: 25px 0 5px;}
	#accueil .projets .right-projets ul li a.readmore { background: url(../images/ensavoirplus.png) no-repeat center center #596E80;position: absolute;  height: 100%; right: 0; top: 0; color: transparent;width: 60px; }
	#accueil .projets .right-projets ul li a.readmore:hover {background-color: #465b6d; }

/*************************************** CONTENU ****************************************************/
.wrap #accueil {position:relative;clear:both;min-height: 650px; display: flex; display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;  }

/***** fil d'ariane ****/
#breadcrumbs { padding:30px 0; font-weight:bold;font-size:20px;text-transform:uppercase;font-family:'Open sans'; }
	#breadcrumbs li { float:left; padding:0 2px;}
	#breadcrumbs a { color:#4f4e4c;}
	#breadcrumbs span{color :#4f4e4c ;}

/** Menu left **/   
aside { float:left; color:#fff;width: 34%;font-family:Arial, Helvetica, sans-serif;font-size:16px;}
	aside a{color:#747474; display : block ;}
	
	aside ul li > span a{padding:12px 38px 12px 15px; border: 1px solid; background: url('../images/bouton-sousmenu-villa-concept.png') no-repeat right 10px top 3px #fcfdfd;margin-bottom:1px;color:#747474;border:none;}
	aside ul li > span a::first-letter { font-weight:700}
	aside ul li:hover > span a, aside ul li.active > span a, aside ul li span.child_active a { background: url('../images/bouton-sousmenu-villa-concept.png') no-repeat right 10px top -40px #ac0233; color:#fff;}
	a, a:hover{ -webkit-transition: all 0.5s ease-in-out ; -moz-transition: all 0.5s ease-in-out ; -ms-transition: all 0.5s ease-in-out ; -o-transition: all 0.5s ease-in-out ; transition: all 0.5s ease-in-out ;}

	
	aside ul li.has_children > ul {background:#677a8b; padding: 18px 5px; }
	aside ul li.has_children ul li > span a{background:#677a8b ; margin-bottom: 0; padding: 4px 20px;  font-size: 15px;}
	aside ul ul li a {color :#fff;}
	aside ul ul li{padding:0; background: none ; font-weight : normal ;}
	aside ul li.has_children ul li:hover > span a {color :#c3d5e4 ;}
	aside ul li.has_children ul li  > span.active a { color :#c3d5e4 ; font-weight : bold; }
	aside ul li.has_children ul li.niv-1 ul {padding : 0 ;}
	aside ul li.has_children ul li.niv-1 ul li > span a { font-size: 14px;}
	aside ul li.has_children ul li.niv-1 ul li:hover > span a, aside ul li.has_children ul li.niv-1 ul li.child_active  > span a { font-size : 14px;}

	aside ul li.has_children ul li.niv-1 > span a { padding-left : 25px; }
	/*aside ul li.has_children ul li.niv-1 > span a::before { content : ' - '; margin-right : 10px;  }*/
	aside ul li.has_children ul li.niv-1 ul li.niv-2 > span a { padding-left : 40px; }
	/*aside ul li.has_children ul li.niv-1 ul li.niv-2 > span a::before { content : ' ... '; margin-right : 10px;  }*/
        
	
	aside li.tabs-header, aside li.tabs-disable, aside li.tabs-disable:hover { padding: 12px 25px; background-image : none  ; background-color : #b11945; color: #fff;}
	aside li.tabs-disable {background-color : #d1dae1; }
	aside li.tabs-header a {color :#fff; background: none ; padding : 0; }
	aside li.tabs-header:hover, aside li.tabs-disable:hover {font-weight : normal ;}
	
	#accueil .right form .SumoSelect.open > .optWrapper, main article form .SumoSelect.open > .optWrapper { top: 41px;}
	#accueil .right form .SumoSelect.open > .optWrapper > .options li label, main article form .SumoSelect.open > .optWrapper > .options li label { text-overflow: initial; white-space: inherit;}

	/** Content **/ 

main .content-bloc { display: flex; display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; padding: 0 155px ;}
	main .content-bloc h1 {flex: 1 1 auto; width: 100%; margin : 35px 0 ; color :#596e80; text-transform : uppercase; font-size : 20px;}
	main .content-bloc article { float:right; width:64%; background-color:#fff; padding:40px 45px; text-align:justify;  min-height: 500px;}
	main .content-bloc article.fullwidth { width:100%; position :relative ; }
	main .content-bloc article h2 {font: 'Open Sans'; color :#e52b38 ; font-weight : normal ; margin-bottom: 40px;  line-height : normal;}
	main .content-bloc article p { line-height:20px;margin:10px 0;font-size:15px;}
	main .content-bloc article span.vert {color :#0d9026 ; }
	main .content-bloc article span.rouge {color :#b80a3c ; }

	main .content-bloc article .telechargement {margin-top: 30px; }
	main .content-bloc article .telechargement ul li { background-color: #ecf1f5; margin-bottom: 2px; clear: both; min-height: 80px;  padding-left: 30px; position: relative; padding-right: 95px; display: inline-block;width : 100%; }
	main .content-bloc article .telechargement ul li .left-align {float : left ; padding: 20px 0;}
	main .content-bloc article .telechargement ul li h2 {font-weight : bold; font-style: italic; margin-bottom: 0; color :#596e80; font-size:  15px;}
	main .content-bloc article .telechargement ul li p {margin : 0; font-style:italic;}
	main .content-bloc article .telechargement ul li a.telecharger { background: url(../images/boutontelecharger.png) no-repeat center center #ac0233;padding: 0 10px;position: absolute;  height: 100%; right: 0;width: 60px;}
	main .content-bloc article .telechargement ul li a.telecharger img {display :none ;}
	main .content-bloc article .telechargement ul li a.telecharger:hover {background-color: #8d0029; }
	
	main .content-bloc article .telechargement.planningadministratif ul li{display : inline-block ; width : 100%;  background-color : transparent ; padding : 0; min-height: initial;}
	main .content-bloc article .telechargement.planningadministratif ul li .left-align {/*padding : 0;*/ width: 200px;}
	main .content-bloc article .telechargement.planningadministratif ul li .left-align p { margin: 0; font-style: normal; font-size: 25px; color: #e52b38; padding: 2px 30px 3px 40px; background: url(../images/calendrier-picto.png) no-repeat left top;}
	main .content-bloc article .telechargement.planningadministratif ul li .right-align {width : calc(100% - 200px) ; float : left ; background-color: #ecf1f5; padding :25px 45px; }
 	
	main .content-bloc article .infos_interlocuteurs {background-color : #ecf1f5 ;display:table\9;width:100%\9;}
	main .content-bloc article .infos_interlocuteurs + .infos_interlocuteurs {margin-top: 3px; }
	main .content-bloc article .infos_interlocuteurs_container .interlocuteur-informations { position :relative;  height: 165px; overflow: hidden;display: flex; display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;align-items: center ;}
 
	main .content-bloc article .infos_interlocuteurs .picture {border-right : 1px solid #d6dce2; margin-right : 30px;display:table-cell\9; vertical-align : middle\9; }
	main .content-bloc article .infos_interlocuteurs .picture img {vertical-align : bottom ; filter: grayscale(100%); }
	main .content-bloc article .infos_interlocuteurs .picture img.default {filter : none ; }
	
	main .content-bloc article .infos_interlocuteurs .infos { padding-right: 290px; text-align: left; width: calc(100% - 230px); display:table-cell\9; vertical-align : middle\9;}
	main .content-bloc article .infos_interlocuteurs .infos span.nom_prenom {display : block ; font-weight: bold; font-size: 24px; color: #e52b38; margin-bottom: 7px; line-height : normal ;}
	main .content-bloc article .infos_interlocuteurs .infos span.fonction {font-weight : bold ; font-style : italic; font-size: 16px; color: #596e80; display: block;}
	main .content-bloc article .infos_interlocuteurs .infos span.btSendMessage  {width : auto ;  bottom: 35%; position : absolute ; right : 30px; background: url(../images/envoi-message-picto-interlocuteur.png) no-repeat left 10px center #ac0233; padding: 15px 15px 15px 65px; font-size: 16px;}
	main .content-bloc article .infos_interlocuteurs .infos.open span.btSendMessage {background-color :#596e80 ;}
	main .content-bloc article .infos_interlocuteurs .infos.open span.btSendMessage:hover  {background-color :#43586a ;}
	
	main .content-bloc article .infos_interlocuteurs_container .form_contact {padding : 55px 45px; border: 1px solid #ecf1f5; background-color: #fff; }
	main .content-bloc article .infos_interlocuteurs_container .form_contact form .bloc , main .content-bloc article form .bloc {  position: relative;  padding-right: 250px;}
	main .content-bloc article .infos_interlocuteurs_container .form_contact form label, main .content-bloc article form label {clear : left ; float : left ; padding-top: 8px;  }
	main .content-bloc article form .SumoSelect > .optWrapper > .options li.opt label { float: none; padding-top: 0;}
	main .content-bloc article .infos_interlocuteurs_container .form_contact form input[type="text"] , 	main .content-bloc article .infos_interlocuteurs_container .form_contact form textarea, main .content-bloc article input[type="text"], main .content-bloc article input[type="password"], main .content-bloc article .SumoSelect > .CaptionCont   {  font : 400 14px/21px 'Open sans', sans-serif; width: 70%;outline : none ; border: 1px solid #cdd9e3 ; border-radius : 5px ; background-color : #fff; height : 40px; padding : 10px; }
	main .content-bloc article .infos_interlocuteurs_container .form_contact form textarea {height : 150px;}
	main .content-bloc article .SumoSelect > .CaptionCont  {width : 100%; }
	main .content-bloc article .SumoSelect {width : 70%;}
	main .content-bloc article .infos_interlocuteurs_container .form_contact form input[type="submit"], main .content-bloc article form input[type="submit"]{ cursor : pointer ; -webkit-appearance: none ; border-radius: 5px; background-color: #ac0233 ; color :#fff; text-transform : uppercase ;   border: none;padding: 10px 60px;  position: absolute;  right: 0; bottom: 0; font-size: 16px; font-weight: 600; height : 40px;  }
	main .content-bloc article .infos_interlocuteurs_container .form_contact form input[type="submit"]:hover, main .content-bloc article form input[type="submit"]:hover { background-color: #8d0029; }

	main .content-bloc article .infos_clients{  padding: 40px 45px; display: flex; display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; width: 100%; background-color: #ecf1f5;float:left\9;}
	main .content-bloc article .infos_clients > div {flex : 1 1 0%; float:left\9;}
	main .content-bloc article .infos_clients > div h2 { font: 'Open Sans'; color: #e52b38; font-weight: 700; margin-bottom: 25px; font-size: 25px;}
	main .content-bloc article .infos_clients > div span {color: #596e80; font-weight : bold;  display : block ; font-size: 15px; line-height: 20px;}
	main .content-bloc article .infos_clients > div:nth-child(2) {padding-left : 20%;}
	main .content-bloc article .infos_clients > div:nth-child(2) span {font-style : italic;margin: 10px 0;}
	main .content-bloc article .infos_clients > div:nth-child(2) span strong{font-weight : 400;font-style : normal ; color :#000000; }
	
	main .content-bloc article p.title-question {margin : 70px 0 30px; font-weight : 600; color : #000000; font-size : 18px; }
	
	main .content-bloc article form .bloc  + .bloc  {margin-top: 20px; }
	main .content-bloc article form label { color :#596e80 ; display : inline-block ; width : 30%;}
	main .content-bloc article form .SumoSelect > .optWrapper > .options li label {width : 100%; }
	main .content-bloc article form .SumoSelect > .CaptionCont > label { background: #596e80;width: 40px; border-radius : 0 5px 5px 0; }
	main .content-bloc article form .SumoSelect > .CaptionCont > label i {background: url(../images/fleche-sumoselect.png) no-repeat center center ;}
	main .content-bloc article form .SumoSelect.open > .optWrapper { top: 40px;}
	
	main .content-bloc article .form.recherche {margin-bottom: 80px; }
	main .content-bloc article .form.recherche label , main .content-bloc article .form.recherche input[type="text"] {width : 100%; }
	main .content-bloc article .form.recherche label { margin-bottom: 25px; font-size: 15px;}
	
	main .content-bloc article .img-representative {text-align: center ; margin-bottom: 40px; }
	main .content-bloc article .miniatures {  display: flex; display: -webkit-box;  display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; margin-top: 50px;  justify-content: center;}
	main .content-bloc article .miniatures > div.lightbox{ width: 24.5%;height: 100px; overflow: hidden; cursor: pointer ;  text-align: center; margin : 0 0.25%; }
	main .content-bloc article .miniatures > div.lightbox img  { height : 100%;width: 100%; }
	
	main .content-bloc article .logout  {  text-align: center; padding-top: 15%;}	
	main .content-bloc article .logout button[type="submit"] { background: url(../images/bouton-deconnexion.png) no-repeat right top #ecf1f5; color: #596e80; -webkit-appearance: none; text-transform: uppercase; border-radius: 3px; display: inline-block;  padding: 20px 85px 20px 15px; border: none; cursor: pointer; font-size: 17px; font-weight: 600;}
	main .content-bloc article .logout button[type="submit"]:hover {background-position : right bottom 1px; }
	
/*************************************** PIED DE PAGE ****************************************************/
footer { background:#596e80; text-align:center; position:relative; width:100%; clear:both; }
	#menu-footer a { color:#fff; padding:15px 0; font-family:'Open Sans', sans-serif;font-size:13px; display: inline-block;}
	#IC { float:right;}

}

@media all and (max-width:1305px){
.wrap{width:98%;}
#accueil .left { width: 70%;}
#accueil .right { width: 30%;}
#accueil .projets { padding: 120px 80px;}
#accueil .projets .left-projets { width: 300px;}
#accueil .projets .right-projets { width : calc(100% - 330px); margin-left : 30px; }
nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a, nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent > a { padding: 15px 10px;}
}

@media all and (max-width:1200px){
main .content-bloc , header .wrap { padding: 0 15px;}
#accueil .left, #accueil .right { width: 50%;}
}

@media all and (max-width:1050px){
main .content-bloc article .infos_interlocuteurs .infos span.btSendMessage { bottom: 0; position: relative; left: 0; display: inline-block;margin-bottom: 20px;}
main .content-bloc article .infos_interlocuteurs_container .interlocuteur-informations { height: auto;}
main .content-bloc article .infos_interlocuteurs .infos {padding : 20px 0;}
}

@media all and (max-width:950px){
#baseline { font-size : 32px;}
main .content-bloc article { min-height: 400px;}
aside { width: 300px;}
#accueil .projets .left-projets { width: 100%; margin-bottom: 50px;}
main .content-bloc article  { width: calc(100% - 320px);}
main .content-bloc article form label , main .content-bloc article .infos_interlocuteurs_container .form_contact form input[type="text"],main .content-bloc article .SumoSelect,  main .content-bloc article .infos_interlocuteurs_container .form_contact form textarea, main .content-bloc article input[type="text"], main .content-bloc article input[type="password"], main .content-bloc article .SumoSelect > .CaptionCont {width: 100%;}
main .content-bloc article .infos_clients > div h2 { font-size: 23px; text-align: left;}
#accueil .projets .right-projets { width: 100%; margin-left: 0; }
#accueil .projets .right-projets ul {padding-left: 0; border-left: 0;}
nav div#maximenuck90 ul.maximenuck li.maximenuck.level1 > a, nav div#maximenuck90.maximenuckh ul.maximenuck li.level1.parent > a { font-size: 15px; }
main .content-bloc article .infos_interlocuteurs .picture { margin-right: 25px;}
}

@media all and (max-width:750px){
aside, main .content-bloc article, main .content-bloc article .telechargement.planningadministratif ul li .right-align, main .content-bloc article .telechargement.planningadministratif ul li .left-align { width: 100%;}
aside {margin-bottom: 10px; }
main .content-bloc article .infos_clients > div { flex: 1 1 auto;  width: 100%; }
main .content-bloc article .infos_clients > div:nth-child(2) { padding-left: 0;}
main .content-bloc article { padding: 15px;}
main .content-bloc article .telechargement.planningadministratif ul li .right-align { padding: 20px 25px;}
main .content-bloc article .telechargement.planningadministratif ul li .left-align p { font-size: 20px; padding-top : 4px ;  }
#accueil .projets { padding: 50px 30px;}
#accueil .left, #accueil .right { width: 100%;}
#accueil .left { height: 350px;    min-height: auto;}
#accueil .right.connexion form, #accueil .right form {padding: 40px 80px;}
.wrap #accueil { min-height: auto; height: auto;}
}

@media all and (max-width:600px){
#logo, #baseline { float: none; padding: 35px 0 0; text-align :center; line-height: normal ;}
#baseline {padding : 10px 0 20px; font-size : 25px; line-height: initial; }
#baseline.marginauto {  padding: 40px 20px;margin-bottom: 0;}
#accueil .right div ul.nav { padding: 20px 30px;}
main .content-bloc article .infos_clients { padding: 30px 25px;}
main .content-bloc article .infos_clients > div span { font-size: 14px; line-height: 20px;}
main .content-bloc article .infos_interlocuteurs_container .form_contact form .bloc, main .content-bloc article form .bloc { padding-right: 0;}
main .content-bloc article .infos_interlocuteurs_container .form_contact form input[type="submit"], main .content-bloc article form input[type="submit"] { position: relative;margin-top: 20px; }
#accueil .projets .left-projets h1 { padding: 30px 20px 30px 80px;font-size: 30px; margin: 10px 0;}
#accueil .projets .right-projets ul li { height: initial; display: inline-block;  width: 100%;}
#accueil .projets .right-projets ul li .left-align { padding : 20px 0; }
#accueil .projets .right-projets ul li h2 { margin: 0 0 10px;}
main .content-bloc article .miniatures { margin: 30px 0;}
main .content-bloc article .logout button[type="submit"] { background-image : none ; background-color: #ac0233;color: #fff; padding: 20px 30px;}
main .content-bloc article .logout button[type="submit"]:hover  { background-color:#94002b;}
main .content-bloc article .infos_interlocuteurs_container .form_contact { padding: 30px 15px;}
main .content-bloc article .infos_interlocuteurs_container .interlocuteur-informations > div {width : 100%; text-align :center; }
main .content-bloc article .infos_interlocuteurs .picture { border-right: none; margin-right: 0;}
}

@media all and (max-width:400px){
#accueil .projets .right-projets ul li, main .content-bloc article .telechargement ul li {padding: 0px 20px 70px;}
#accueil .projets .right-projets ul li a.readmore, main .content-bloc article .telechargement ul li a.telecharger {height: 60px;top:inherit; width: 100%;bottom: 0;}
#accueil .right.connexion form, #accueil .right form { padding: 40px 30px;}
#accueil .right p, #accueil .right h3, #accueil .right h2 , #accueil.mentions-legales .right p, #accueil.mentions-legales .right h2  { padding: 10px 30px;}
#accueil .right div ul.nav li a {padding: 7px 15px 7px 45px;}
#accueil .right.connexion form, #accueil .right form {padding: 40px 30px;}	
main .content-bloc, header .wrap {  padding: 0 ;}
main .content-bloc article .infos_interlocuteurs .infos span.nom_prenom {font-size : 19px; }
main .content-bloc article .img-representative img { width: 100%;}
main .content-bloc article { min-height: 250px;}
main .content-bloc article .infos_interlocuteurs_container .form_contact form input[type='submit'], main .content-bloc article form input[type='submit'] {padding : 10px 30px; }
main .content-bloc article .infos_interlocuteurs .infos span.btSendMessage {width : 200px; }
}