/****** DEFINITION DES ELEMENTS PRINCIPAUX *******/

/* tant qu'on aura ie6 il faut garder le *, d'une part on évite les prises de têtes sur des comportements de balises étranges
d'autre part on s'évite des margin:0 et des padding:0 sur presque toutes les balises (contrairement à ce que peuvent dire certains).
*/

@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;
}

body {

   font: normal 80%/1em Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: center;
   background:#2c6aac;
    background:#214f8a;

}

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

	}
a:hover {
color:#87e0ff;
	}
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;

	}
.tx-thmailformplus-pi1 {
	clear:both
	}


fieldset {
	border:0 none;
	}
input, select, textarea, #contact textarea {
	font-family:arial, helvetica, sans-serif;
	font-size:1.2em;
	color:#999;
	border:1px solid #22508b;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#fff;
	width:300px;
	padding:3px;
	}
#contact textarea {
	width:300px !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, .tx-thmailformplus-pi1 .check {width:auto; border:0 none;}

p.required label {font-weight:bold;}
p.submit {text-align:right; padding-right:120px;}
input.submit {
background:url('../img/bt_rose.png') no-repeat center left;
padding:2px 15px 4px 10px;
border:0 none;
color:#fff;
font-weight:bold;
width:auto;
text-align:left;
}
#felogin input.submit {
	padding:2px 45px 4px 20px;
	}
input.rose {
	width:auto;
	padding:2px 5px;
	background:#df4182;
	color:#fff;
	}
/********* Définition des blocs principaux ************/
#container {
	background:url('../img/bg_body.jpg') no-repeat top center;
	/*background:url('../img/bg_body_10ans.jpg') no-repeat top center;*/
	width:100%;
	}
#conteneur {
	width: 1000px;
	margin:0 auto;
	text-align: left;

	}
#header {
	width: 1000px;
	height: 75px;
	}
#main {
	width: 1080px;
	height:400px;
	position:relative;
}
#conteneur > #main {
	height:auto;
	min-height: 400px;
	}
#gauche, #droite {
	float: left;
	width: 190px;

	}


#centre {
	width:810px;
	float: left;
	background:url('../img/bg_centre.jpg') no-repeat bottom left;
	height:530px;
	}

#main>#centre {
	height:auto;
	min-height:530px;
	}

.trois-colonnes #centre {
	width:545px;
	}
.contain_footer {
	clear:both;
	background:#2c6aac url('../img/bg_footer.jpg') repeat-x top;
	text-align:center;
	min-height:70px;
	}
#footer {
	width: 1000px;
	height:150px;
	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:30px;
	left:50px;
	width: 115px;
	height: 50px;
	text-decoration: none;
	border: 0;
	background: url('../img/logo_novaldi.gif') no-repeat;
	z-index:100;
	}
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;
	left:690px;
	list-style:none;
	width:310px;

}
#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 {
position:relative;
z-index:7000;

	}
.mainmenu {
margin-left:190px;
display:table;
table-layout:fixed;

	}
.mainmenu > li.anim1 {
	display:table-cell;
	position:relative;

	}
.mainmenu a {
	display:block;
	height:20px;
	padding:6px 8px 0 8px;
	color: #fff;
	border-right:1px solid #336699;
	text-decoration: none;
	 font-family: 'futura_md_btmedium', arial, helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
		min-width:109px;
	max-width:200px;
	font-size:1em;
}

.mainmenu a:hover, .mainmenu a.active {
	color: #fff;
	background: #07a7e2 url('../img/bg_menuhaut_hover.jpg') repeat-x 0 7px;
	}
.smenuhaut {
 background: transparent url('../img/ombre_smenuhaut.png') no-repeat bottom right;
  display:none;
  padding:1px 5px 6px 0;
  position:absolute;
  top:26px;
  left:0;
  width:148px; /* pour menu XL */
  z-index:1000;
	font-size:.9em;
}
.mainmenu .anim1:hover .smenuhaut {
	display:block;
}
.smenuhaut a {
	background: #07a7e2 url('../img/bg_menuhaut_hover.jpg') repeat-x 0 2px;
	color: #fff;
	font-weight:normal;

	padding-left:4px;
	padding-right:4px;
	text-transform:uppercase;
	border-right:0 none;
	border-bottom:1px solid #336699;
	text-align:center;
	height:1.8em;
	}
.smenuhaut a:hover, .smenuhaut a.active {
	color: #fff;

	/*background:url('../img/bg_menuhaut_hover.jpg') repeat-x top;*/
	}
.mainmenu li.petit a {
	width:90px;
	}
	.mainmenu li.grand a {
	width:177px;
	}
	.mainmenu li.grand .smenuhaut {
	width:180px;
	}
	.mainmenu li.grand .smenuhaut a {
	width:171px;
	}


.smenuhaut {
 background: transparent url('../img/ombre_smenuhaut.png') no-repeat bottom right;
  display:none;
  padding:1px 5px 6px 0;
  position:absolute;
  top:26px;
  left:0;
  width:148px; /* pour menu XL */
  z-index:1000;
	font-size:.9em;
}
.menuhaut .anim1:hover .smenuhaut {
	display:block;
}
.smenuhaut li {
	float:none;
	 padding:0;
	 
	}
.smenuhaut a {
	background: #07a7e2 url('../img/bg_menuhaut_hover.jpg') repeat-x 0 2px;
	color: #fff;
	font-weight:normal;
	width:139px;
	padding-left:4px;
	padding-right:4px;
	text-transform:uppercase;
	border-right:0 none;
	border-bottom:1px solid #336699;
	text-align:center;
	height:1.8em;
	}
.smenuhaut a:hover, .smenuhaut a.active {
	color: #fff;

	/*background:url('../img/bg_menuhaut_hover.jpg') repeat-x top;*/
	}

/*on commence main*/

#ariane {
	font-size:.8em;
	height:35px;
	overflow:hidden;
	line-height:1.2em;
	}
#ariane li,ul.menu li {
	display:inline;
	}
#ariane a {
	color: #142f5f;
	text-decoration:none;
	}

#gauche {
	padding-top:5px;
	}
#gauche h2 {
padding-left:15px;
}
#gauche .confiance {
	margin-top:40px;
	}
.menugauche {
	height:240px;
	padding-top:30px;
}
.menugauche li {
	text-align:right;
	padding-right:10px;
	}
.menugauche li a {
	color:#999;
	line-height:1.8em;
	}

.menugauche li a:hover, .menugauche li a.current:after {
	color:#777;
	line-height:2em;
	text-decoration:none;
	content:" >"
	}
.menugauche li a:hover {
	background:#ddd;
	}
.notre_metier {

	margin-top:10px;

	}
.menu1 {
	position:absolute;
	text-align:center;
	width:800px;
	font-size:.9em;
	left:2px;
	bottom:1px;
	}
.mainBloc .menu1 li {
	display:inline;
	list-style:none;
	margin-left:0;
	border-left:1px solid #fff;
	padding:0 10px;
	background:0 none;
	}
.menu1 li.first {
	border-left:0;
	}
.menu1 li a {
	color:#fff;
	background:#22508B;
	padding:0 4px;
	}	
.menu1 li a:hover {
	color:#fff;
	background:#15305F;
	}
#footer {
	font-size:.85em;
	position:relative;
	padding-top:50px;
	}
#footer .extranet, #footer .adresse {
	width:179px;
	height:36px;

	border-right:1px solid #fff;
	text-align:right;
	/*float:left;
	padding:10px 10px 0 0;*/
	position: absolute;
	top:0;
	left:0;
	padding:10px 10px 0 0;
	}
#footer .adresse {
	width:780px;
	left:200px;
	border:none;

	}
#footer .social {
	position:absolute;
	top:5px;
	left:730px;
	width:250px;

	}
#footer .social li {float:left; padding:5px;}
#footer .social li.bouton {
	background:url('../img/ami.gif') no-repeat center center;
padding:15px 12px;
text-align:center;
	}
#footer a {text-decoration:none;color:#ffffff;}

#footer .menu {
	color:#ffffff;
	overflow:hidden;
	padding-top:.2em;
	text-align:right;
	clear:both;
	}
#footer .menu li {
	display:inline;
	padding:0 1em;

	}
#footer .menu li a {

	}
/***** les contenus du milieu*****/
#centre {
	position:relative;
	}
#centre h1 {
	width:335px;
	text-align:right;
/*padding-right:10px;*/
	position:absolute;
	top:10px;
	left:5px;
	}

.mainBloc {
	/*font-size:.85em;*/
	font-family:Verdana, arial, helvetica, sans-serif;
	width:450px;
	padding-left:350px;
	/*position:relative;
	top:-22px;*/
	padding-top:15px;
	}
.mainBloc .csc-default {
	border-left:1px dotted #fff;
	padding-left:10px;
	padding-top:5px;
	margin-bottom:20px;
}

#novaldi #centre {
	background:url('../img/bg_novaldi.jpg') no-repeat bottom left;
	}
.mainBloc h2 {

	line-height:1.4em;
}

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

}


.mainBloc p, .mainBloc ul, .mainBloc ol {
	padding-bottom:.9em;
	line-height:1.5em;
}
.mainBloc ul li {
	margin-left:1em;
	padding-left:10px;
	background:url('../img/puce.gif') no-repeat 0 .6em;
	}
.mainBloc ol li {
	margin-left:20px;
	}
 /**** FCE ****/
.entete, .pied {
	clear:both;
	min-height:5px;

	}
.pied {
		display:none;
	}
.gauche, .centre, .droite {
	float:left;
	}
.gauche, .centre {
	margin-right:10px;
	}
 .deuxblocs .gauche, .deuxblocs .droite {
 	width:47%;
  }

 .troisblocs .gauche, .troisblocs .centre, .troisblocs .droite {
 	width:30%;
  }
.deuxblocs, .troisblocs {
	/*overflow: auto;*/
	padding: 0;
	}

.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:#fd6799 }
.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: 0px 5px;
text-align:right;background: #CF3B76;display: inline-block;float: right;border-radius: 10px;/* vertical-align: middle; */}

p.presse:before, p.bouton:before, span.bouton:before {
	content:"";
	display: inline-block;
	width: 0;
	height: 0px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	bor;
	border-left: 4px solid white;
}
p.presse a, p.bouton a, span.bouton a {
color:#fff;
padding-left:10px;
}
.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;
	}
#contact h1, #presse h1, #extranet h1 {
width:138px;
}
#contact .mainBloc, #presse .mainBloc, #extranet .mainBloc {
padding-left:148px;
width:660px;
}
#sites h1, #actus h1 {
width:285px;
}
#sites .mainBloc, #actus .mainBloc {
padding-left:295px;
width:500px;
}
#alaligne h1 {
	width:400px;
	padding-left:20px;
	text-align:left;
	margin-bottom:30px;
	position:static;
	}
#alaligne .mainBloc {
	position:static;
	width:810px;
	padding:0;
}
#alaligne .csc-default {

border:0 none;
padding:0;
padding-left:5px;
}


/*---- 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)
);
}