/*
FontAwesome : 
gros superieur = fa-chevron-right  \f054; 
superieur = fa-angle-right  \f105 
gros inferieur = fa-chevron-left \f053
inferieur = fa-angle-left \f104 
fleche dans rond =fa-arrow-circle-o-right \f18e
*/

@font-face {
    font-family: 'futura_md_btmedium';
    src: url('../fonts/futuram_0-webfont.eot');
    src: url('../fonts/futuram_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuram_0-webfont.woff2') format('woff2'),
         url('../fonts/futuram_0-webfont.woff') format('woff'),
         url('../fonts/futuram_0-webfont.ttf') format('truetype'),
         url('../fonts/futuram_0-webfont.svg#futura_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futura_md_btmedium_italic';
    src: url('../fonts/futurami_0-webfont.eot');
    src: url('../fonts/futurami_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurami_0-webfont.woff2') format('woff2'),
         url('../fonts/futurami_0-webfont.woff') format('woff'),
         url('../fonts/futurami_0-webfont.ttf') format('truetype'),
         url('../fonts/futurami_0-webfont.svg#futura_md_btmedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {margin:0;
padding:0;
}


/*** imagecycle ***/

.tx-imagecycle-pi1 .tx-imagecycle-pi1-images li, .tx-imagecycle-pi1-images a {
    margin: 0 auto;
    position: relative !important;
    display: inline;
    text-align: center;
}

.tx-imagecycle-pi1-images img {
    margin: 0 auto;
    text-align: center;
}

.imagecycle-controller {
    top: 100%;
}    

body {

   font: normal 80%/1em "open sans", Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: center;
    background:#173360;

}

a img {
	border: 0;
	}
a {
	text-decoration: none;
color:#fd5042;

	}
a:hover {
color:#87e0ff;

	}	
.ligneun a:hover, .lignetrois a:hover {color:#306CAB;}
ul, ul li {
	list-style: none;
}
table {font-size:1em;
border-collapse:collapse;
}
h1 {
	font-size:1.6em;

	}
h2 {
	font-size:1.4em;

	}
h3 {
	font-size:1.2em;

	}
h4 {
	font-size:1.1em;

	}


div.tx-powermail-pi1{
	width:auto !important;
	font-family:inherit !important;
	}

fieldset {
	border:0 none;
	}
input, select, textarea, #contact textarea {
	font-family:arial, helvetica, sans-serif;
	font-size:1.2em !important;
	line-height: 1em;
	color:#444;
	border:1px solid #22508b;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#fff;
	padding:3px;
	}
html:root .error em {
    bottom: -8px !important;
}

label, legend {
	color:#bebebe;
	font-size:1.1em;
	}

.help {display:none;}
legend {display:none;}
label {
	font-weight:normal;
	clear:left;
	float:left;
	padding-right: 10px;
	text-align: left;
	width: 150px;
}

.radio {width:auto; border:0 none;}

p.required label {font-weight:bold;}
p.submit {
text-align:right;
padding-right:120px;}
input.submit {
background: #fd5042;
padding: 12px 24px;
border:0 none;
color:#fff;
font-weight:bold;
width:auto;
text-align:left;
}

input.submit:before {
color:#fff;
content:"\f054";
font-family:"fontAwesome";
padding-right:6px;
font-size:16px;
}
#felogin input.submit {
	padding:2px 45px 4px 20px;
	}
input.rose {
	width:auto;
	padding:2px 5px;
background:#fd5042;
	color:#fff;
	}

/********* D�finition des blocs principaux ************/
#container {
	background:#22508B;
	
	}

#header {
	height: 75px;
	}
#left h1 {margin:0; padding:48px 40px 24px 36px;
font-size:32px;
word-wrap: break-word;  
/*
-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  */
	font-family:"Montserrat","Raleway", helvetica, arial, sans-serif;
	text-align:left;
	background:url("../img/2019_fond_h1.png") no-repeat top left;
	min-height:390px;
	line-height:1.5;
	background-size:contain;
color:#fd5042;
font-weight:600;
	}
#left h1:after {
	content:" ";
	display:block;
	width:80px;
	padding-top:12px;
	border-bottom:6px solid #fd5042;
}

#contain_footer {
	background:#173360;
	text-align:center;
	min-height:70px;
	}
#footer {

	margin:0 auto;
}

/*********** Pr�cisions des blocs ****************/

/*relatif �  header
contient l'entete, le logo, le retour accueil, les langues et parfois le menu haut ou les raccourcis principaux
*/
#header {
	position:relative;


	}

a.retour_accueil {
	display: block;
    position: absolute;
    top: 15px;
    left: 20px;
    width: 185px;
    height: 45px;
    text-decoration: none;
    border: 0;
    background: url(../img/2019-logo-Novaldi-mini-web-white.png) no-repeat;
    z-index: 10000;
	}
a.retour_accueil span {
	visibility: hidden;
	}
#search {

	font-size: .9em;

	}
#search fieldset {

	}
#search label {
	font-weight: bold;
	}
#search input {

	}
#search .submit {

	}

#langue {
	position:absolute;
	top:10px;
	list-style:none;
	max-width:310px;
	right:5px;
	z-index:10;
}
#langue li {
	list-style:none;
	/*display:inline;*/
	display:block;
	float:left;
	padding:0 10px;
	background:url('../img/trait.gif') no-repeat right 3px;
	color:#fcfcfc;
	font-size:.8em;
	text-transform:uppercase;
	text-align : center;
	}
#langue li .bientot{
	text-transform : none;
}
#langue li a {
	text-decoration:none;
	color:#efefef;
	}
#langue li a .off, #langue li a:hover {
	color:#fff;
	}
.top_menu {
background: #306cab;
min-height:30px;
	}
.mainmenu {
display:table;
table-layout:auto;
position:relative;
z-index:7000;
width:100%;
margin-bottom:0;
}
.mainmenu > li.anim1 {
	display:table-cell;
	
	}
.mainmenu a {
	display:block;
	line-height:30px;
	min-height:30px;
	padding:0 8px;
	color: #fff;
	border-right:1px solid #1FA6DE;
	text-decoration: none;
	 font-family: "open sans", helvetica, arial, sans-serif;
	 font-weight:600;
	text-align:center;
	text-transform:uppercase;

	font-size:13px;
	background: #306cab;
}

.mainmenu a:hover, .mainmenu a.active, .mainmenu > li a:focus {
	color: #fff;
	background: #08A5E0;
	}
.rubrique {
	
color:rgba(255,255,255, 0.3);
text-transform:uppercase;
position:absolute;
top:60px;
left:450px;
z-index:99999;
display:none;
font-size:24px;
}
.smenuhaut {
 background:  #1fa6de;
  display:none;
  padding:12px;
  position:absolute;
  top:29px;
  left:0;
  width:100%; /* pour menu XL */
  z-index:1000;
	
	min-height:300px;
}
.smenuhaut li {display:inline;}
.mainmenu .anim1:hover .smenuhaut {
	display:block;
}
.smenuhaut a {
	 background:#1fa6de;
	color: #fff;
	text-transform:none;
	display:block;
	padding:6px;
	border-bottom:1px solid #eee;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	border-right:0 none;
	}
.smenuhaut a:before {content:"\f105"; font-family:"FontAwesome"; padding-right:20px; color:#fff; font-size:20px;}
.smenuhaut a:hover, .smenuhaut a.active {
	color: #fff;
	background: #306cab;
	}


.menuhaut .anim1:hover .smenuhaut {
	display:block;
}
.smenuhaut li {
	float:none;
	 padding:0;
	 
	}


/*on commence main*/
.rootline {padding-top:6px; border-bottom:1px solid #394c6a;}
#ariane {
	font-size:13px;
	text-align:left;
	padding-left:40px;
	padding-top:6px;
	color:#00a7e1;
	}
#ariane li,ul.menu li {
	display:inline;
	
	}
#ariane a {
	color: #fff;
	text-decoration:none;
	}


#footer {
	/*font-size:.85em;*/
	position:relative;
	padding:20px;
	}	

/***** ajout mco 07/06/2018 *****/

.certif a {display:inline-block; margin:0 3px 12px 3px;}
.res_soc a {display:inline-block; margin-left:6px; color:rgba(255,255,255,.6); transition:all 350ms linear;}
.res_soc a:hover {color:rgba(255,255,255,1)}
.res_soc .fa {font-size:20px; display:inline-block; padding:0; border:1px solid; line-height:1.8; width:36px;}
#header .res_soc {margin-top:28px;}
#header .res_soc .fa {font-size:18px;}
#header .res_soc .suivez {color:rgba(255,255,255,.6);}


#footer .extranet {display:none;}
#footer .adresse {text-align:center; line-height:3;}
#footer .social {
	position:absolute;
	top:5px;
	left:730px;
	width:250px;

	}

#footer .menu {
	color:#ffffff;
	overflow:hidden;
	padding:10px;
	text-align:center;
	clear:both;
	background:#385076;
	width:1064px;
	max-width:100%;
	margin:auto;
	}
#footer .menu li {
	display:inline;
	

	}
#footer .menu li a {
	display:inline-block;
	padding:0 5px;
	border-left:1px solid #fff;
	}
#footer .menu li:first-child a {

	border:0 none;
	}

/***** les contenus du milieu*****/
#centre {
	background:#22508B url("../img/bg_centre.jpg") no-repeat scroll bottom right;
	padding-bottom:40px;

	}
.linkout_new {text-transform:uppercase; color:#fff;}
.linkout_new:before {
	content:"\f105"; 
	display:inline-block; 
	font-family:"fontAwesome";
	padding:6px 14px 8px 14px;
	border-radius:50%;
	background:#00a0dc;
	font-size:28px;
	color:#fff;
	margin-right:12px;
	position:relative;
	top:2px; }
#centre h1 {
	font-size:24px;
	padding:0 0 12px 30px;
	font-family:"Raleway", helvetica, arial, sans-serif;
	text-align:left;
	}
#centre h1:after {
	content:" ";
	display:block;
	width:90px;
	padding-top:6px;
	border-bottom:8px solid #fd5042;
}
.mainBloc {
	font-size:15px;
	text-align:left;
	}

.mainBloc h2 {
	line-height:1.4em;
}

.mainBloc h3, .mainBloc h4 {
	padding-bottom:.5em;

}

.mainBloc p, .mainBloc ul, .mainBloc ol {
	line-height:1.6em;
}
.mainBloc ul li {
	margin-left:1em;
	padding-left:10px;
	background:url('../img/puce.gif') no-repeat 0 .6em;
	}
.mainBloc ol li {
	margin-left:20px;
	}
.menu1 li a {font-family:"Raleway"; font-weight:400; color:#59ccfd;}
.menu1 li a:hover {color:#fd5042;}
 /**** FCE ****/
.entete, .pied {
	clear:both;
	min-height:5px;

	}
.pied {
		display:none;
	}

.encadre {
	border:2px solid #ccc; padding:5px;
	margin-bottom:10px;
	}

.fond {

	padding:5px;
	margin:10px;
	/*
	background:url("../img/degrade_gris.jpg") repeat-x center;
	border:1px solid #22508b;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
*/
	}
.sanspointilles {
	border-left:0 none;
padding-left:0;
margin-bottom:10px;
	}

.savoirplus {
	margin-bottom:10px;
	}
span.rose {color:#fd5042; }
.pave_gauche {
	float:left;
	width:350px;
	padding-right:5px;

	text-align:right;
	}
.pave_droite {
	float:left;
	width:350px;
	border-left:1px solid #fff;
	padding-left:5px;
	text-align:left;
	}

/*** les classes diverses qui s'appliquent �  tout***/
.align-right {
	text-align: right;
	}
.align-left {
	text-align: left;
	}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	}
.csc-textpic-caption {font-size:.9em; color:#999;}



#carto .mainBloc {width:auto; clear:both;padding-left:20px;}

/****** actualit�s *****/
.actualite {
	clear:both;
	}
.actualite .contenu {
	padding-bottom:1.5em;
	}
.illustration {
	float:left;
	margin-right:5px;
	}
span.date {
	font-size:.75em;
	float:right;
	padding-left:10px;
	font-weight:normal;
	color:#ccc;
	display:none;
	}
ul.presse li {
	padding-bottom:15px;
	padding-right:10px;
	}
ul.presse p, ul.presse h3  {
	padding-bottom:.2em;
	}
	
p.presse, p.bouton, span.bouton {
padding: 4px 12px 12px;
text-align:right;background: #fd5042;display: inline-block;float: right;}

p.presse a, p.bouton a, span.bouton a {
color:#fff;
}
p.presse a:before, p.bouton a:before, span.bouton a:before {
color:#fff;
content:"\f054";
font-family:"fontAwesome";
padding-right:6px;
font-size:16px;
}
.tx_dcdgooglemap_carto {
   		color: #153463;
   		 }
 		 .tx_dcdgooglemap_poi_img {
		float:right;
		}
		.tx_dcdgooglemap_poi_name {
		font-size:1.1em
		}
/******** exceptions pages ****/
#extranet .notre_metier {
	position:absolute;
	top:300px;
	}



/*---- Liste des clients ----*/
h3.listeClients{
	color:#666666;
	font-size : 1em;
	text-align : center
}
#scroller_container {
	background: none repeat scroll 0 0 transparent;
    color: #999999;
    height: 200px;
    margin-bottom: 23px;
    margin-top: 0.5em;
    overflow: hidden;
    text-align: center;
    width: 190px;
}
#scroller_container .degradeUp, #scroller_container .degradeDown{
	background: url("../img/degradeUp.png") repeat-x scroll left top transparent;
    display: block;
    height: 20px;
    position: relative;
    width: 100%;
}
#scroller_container .degradeDown{
	background: url("../img/degradeDown.png") repeat-x scroll left top transparent;
	bottom:0;
    left:0;
	position: absolute;
}
.client{
	margin-bottom:0.5em;
	margin-right : 10px;
}
.client a{
	color : #999999;
	text-decoration : none;
}

* html img, * html .png {
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* formulaire de contact */
#powermaildiv_uid1 {
    color: #1E5799;
    text-align: right;
    margin-bottom: 1em;
}
#powermaildiv_uid7 {
    margin-top: 2em;
}
#check_uid7_0 {
    width: 10px;
}
.powermail_check_inner.powermail_check_inner_uid7_0 label {
    line-height: 1em;
}
.tx_powermail_pi1_fieldwrap_html_html {
    color: #1E5799;
    padding-top: 1em;
}