 @import url(fo_novacom_print.css) print;

/********************************************************************************************/
/*************************** STYLES GENERIQUES **********************************************/
/********************************************************************************************/
html{
margin:0;
padding:0;
}
Body{
margin:0;
padding:0;
font-family:arial, verdana, helvetica, sans serif;
font-size:0.7em;
color:#74849E;
text-align:center;
background-color:#ffffff;
background-image:url(../img/en/fd_home.jpg);
background-repeat:no-repeat;
background-position:center 189px;
}
body#Gab_inter{
background-image:url(../img/en/fd_inter2.gif);
background-repeat:no-repeat;
background-position:center 189px;
}
body#Gab_fiche, body#Gab_plateforme{
background-image:url(../img/en/fd_inter.gif);
background-repeat:no-repeat;
background-position:center 189px;
}
h1{
margin:0;
padding:0 0 3px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1.5em;
color:#74849E;
background-color:transparent;
}
h2{
margin:0;
padding:0 0 0px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1.4em;
color:#74849E;
background-color:transparent;
}
h3{
margin:0;
padding:0 0 3px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1.25em;
color:#015697;
background-color:transparent;
text-transform:uppercase;
}
h4{
margin:0;
padding:0 0 3px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1.2em;
color:#015697;
background-color:transparent;
}
h5{
margin:0;
padding:0 0 3px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1.1em;
color:#74849E;
background-color:transparent;
}
h6{
margin:0;
padding:0 0 3px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1em;
color:#74849E;
background-color:transparent;
}
p{
margin:0;
padding:0 0 3px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1em;
color:#74849E;
background-color:transparent;
text-align:justify;
}
ul{
margin:0 0 0 25px;
padding:0;
}
li{
margin:0;
padding:0 0 0px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1em;
color:#000000;
background-color:transparent;
}
a, a:hover, a:link{
margin:0;
padding:0 0 0px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1em;
color:#6290cc;
background-color:transparent;
border:none;
text-decoration:none;
}
img{
margin:0;
padding:0;
border:none;
}
a img{
border-width:0px;
}
table, tbody, tr, td{
margin:0;
padding:0 0 3px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1em;
color:#000000;
}
input, select, textarea{
margin:0;
padding:0 0 0px 0;
font-family:arial, verdana, helvetica, sans serif;
font-size:1em;
color:#74849E;
}

/********************************************************************************************/
/****************************** POSITION DIV ************************************************/
/********************************************************************************************/
#space{
	position:relative;
	top:0;
	left:0;
	z-index:1;
	margin:0 auto;
	display:block;
}
#content{
	position:relative;
	top:0;
	left:0;
	z-index:1;
	display:block;
	margin:0 auto;
	background-color:#ffffff;
	text-align:left;
}
#Gab_inter #content, #Gab_plateforme #content, #Gab_fiche #content{
	background-image:url(../img/en/fd_content.gif);
	background-position:227px top;
	background-repeat:repeat-y;
}
#ze602{
height:auto;
text-align:justify;
}
#ze602 img{
margin:0 0 0 10px;
}
#ze602 h2 img{
margin:0 0 0 0px;
padding:0;
}
#ze602 div{
text-align:justify;
}
#div608{
text-align:justify;
}
#ze596{
width:525px;
}
.affichage_print{
margin:205px 0 0 0px;
}
#bf5941{
left:-1px;
}
#bf1154{
display:none;
}

/********************************************************************************************/
/************************************** HOME ************************************************/
/********************************************************************************************/
/******************* COL GAUCHE **************/
.logo{
float:left;
margin:0;
padding:0;
height:118px;
}
* html .logo{
height:123px;
}
* + html .logo{
height:123px;
}
.menu{
float:left;
margin:0;
padding:0;
position:relative;
}
.menu ul{
float:left;
margin:5px 0 0 -1px;
padding:0;
background-image:url(../img/novacom/fd_gauche.gif);
background-repeat:repeat-y;
background-position:top left;
}
* html .menu ul{
margin:0px 0 0 -1px;
}
* + html .menu ul{
margin:0px 0 0 -1px;
}
.menu ul li ul{
float:left;
margin:0px 0 0px -2px;
padding:13px 0 13px 0px;
background-image:url(../img/novacom/fd_menu_gauche.jpg);
background-repeat:repeat-y;
background-position:-50px top;
height:177px;
}
* html .menu ul li ul{
padding:16px 0 17px 0;
margin-top:0;
height:168px;
}
* + html .menu ul li ul{
padding:17px 0 18px 0;
margin-top:0;
height:168px;
}
#Gab_home .menu ul li ul{
float:left;
margin:0px 0 0px -1px;
/*padding:2px 0 2px 0px;*/
padding:13px 0 13px 0;
background-image:url(../img/novacom/fd_menu_gauche.jpg);
background-repeat:repeat-y;
background-position:-50px top;
}
* html #Gab_home .menu ul li ul{
padding:17px 0 17px 0;
height:167px;
margin-top:0;
}
* + html #Gab_home .menu ul li ul{
padding:18px 0 18px 0;
margin:0 0 16px 0;
height:167px;
}
.menu li{
float:left;
margin:0 0 16px 0;
padding:0;
list-style-type:none;
}
.menu li.offre_mesure{
position:absolute;
top:242px;
left:-1px;
}
* html .menu li.offre_mesure{
position:relative;
}
* html .menu li.offre_mesure a img{
position:absolute;
z-index:100;
left:-238px;
top:0px;
}
#Gab_home .menu li.offre_mesure{
position:absolute;
top:242px;
left:-1px;
}
* html #Gab_home .menu li.offre_mesure{
position:relative;
}
* html #Gab_home .menu li.offre_mesure a img{
position:absolute;
z-index:100;
left:-238px;
top:0px;
}
.menu li a{
float:left;
margin:0 0 0px 0;
padding:0;
list-style-type:none;
}
* html .menu li a{
margin:0;
}
* + html .menu li a{
margin:0 0 0px 0;
}
.menu li li{
float:left;
margin:0 0 0px 16px;
padding:0px 0 0 0;
list-style-type:none;
}
* html .menu li li{
margin:0 0 2px 8px;
}
* + html .menu li li{
margin:0 0 2px 16px;
}
.menu li li a{
float:left;
margin:0px;
padding:0;
list-style-type:none;
}
.menu li li.active{
float:left;
margin:0px 0 0px 16px;
padding:0;
list-style-type:none;
}
* html .menu li li.active{
margin:0px 0 0px 8px;
}
* + html .menu li li.active{
margin:0px 0 0px 16px;
}
.menu li li.active a{
float:left;
margin:0px;
padding:0;
list-style-type:none;
}
#menu2{
float:left;
margin:0px 0 0 0;
padding:0;
}
* + html #menu2{
float:left;
margin:15px 0 0 0;
padding:0;
}
#menu2, #menu2 ul { 
	padding: 0;
	margin: 0px 0 0 0;
	list-style: none;
	line-height: 1;
	position:relative;
	width:200px;
}
* html #menu2, * html #menu2 ul { 
	margin: 0px 0 0 0;
}
* + html #menu2, * + html #menu2 ul { 
	margin: 10px 0 0 0;
}
#menu2 a {
	display: block;
	width: 150px;
}
#menu2 li {
	float: left;
	width: 150px;
}
#menu2 li ul {
	position: absolute;
	width: 200px;
	left: -999em;
	top:15px; 
	margin:0 0 0 12px;
}
#menu2 li:hover ul, #menu2 li.sfhover ul {
	left: 0;
}
h2.accordian{
cursor:pointer;
margin:0 0 7px 0;
}

/******************* COL DROITE *****************/
#bf591{
padding:0 0 0 10px;
background-image:url(../img/en/fd_droite.jpg);
background-repeat:repeat-y;
background-position:top left;
}
#bf592{
padding:0 0 0 10px;
background-image:url(../img/en/fd_droite.jpg);
background-repeat:repeat-y;
background-position:top left;
}
h2.actu{
padding:0 0 10px 0;
}
.bt_actu{
position:absolute;
right:10px;
bottom:20px;
text-align:right;
}
#wrapper{
float:left;
margin:0px;
padding:0;
}
#bf6 form{
margin:0;
padding:0;
float:left;
}
#login{
background-image:url(../img/en/fd_arc.jpg);
background-position:31px 139px !important;
background-position:31px 150px;
background-repeat:no-repeat;
float:left;
height:187px;
margin:5px 0 0 0;
padding:0 0 0 10px;
}
#login label{
margin:0 0 2px 0px;
padding:0px 0 0 0;
width:155px;
}
#login input{
margin:0 0 4px 0px;
padding:0px 0 0 0;
width:155px;
}
#login select{
margin:10px 0 0px 0px;
padding:0px 0 0 0;
width:155px;
}
#login input#submit1{
margin:10px 0 0px 62px;
padding:2px 0;
width:auto;
border:none;
background-color:transparent;
background-image:url(../img/en/bt_ok.gif);
background-repeat:repeat-y;
background-position:top left;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
}
* html #login input#submit1{
padding:2px 2px;
}
* + html #login input#submit1{
padding:2px 2px;
}
.menu3{
float:left;
margin:75px 0 0 10px !important;
margin:75px 0 0 5px;
padding:0;
}
.menu3 li{
float:left;
margin:0px 0 0 0;
padding:0;
list-style-type:none;
}
#bf595{
padding:0 0 0 10px;
}

/********************************************************************************************/
/************************************** FICHE ***********************************************/
/********************************************************************************************/
#Gab_inter #bf591, #Gab_plateforme #bf591, #Gab_fiche #bf591{
padding:5px 0 0 10px;
background-image:none;
}
#Gab_inter #bf594, #Gab_plateforme #bf594, #Gab_fiche #bf594{
margin:-75px 0 0 0;
}
#Gab_inter .logo, #Gab_plateforme .logo, #Gab_fiche .logo{
float:left;
margin:16px 0 0 0;
padding:0;
height:120px;
}
* html #Gab_fiche .logo{
height:125px;
}
* + html #Gab_fiche .logo{
height:125px;
}
* html #Gab_plateforme .logo{
height:125px;
}
* + html #Gab_plateforme .logo{
height:125px;
}
* html #Gab_inter .logo{
height:125px;
}
* + html #Gab_inter .logo{
height:125px;
}

/***************** BLOC REFERENCE ************/
#Gab_inter #bf599, #Gab_plateforme #bf599, #Gab_fiche #bf599{
background-image:url(../img/en/fd_reference.gif);
background-position:left top;
background-repeat:repeat-y;
}
#Gab_inter #bf594 h2, #Gab_plateforme #bf594 h2, #Gab_fiche #bf594 h2{
display:none;
}
#Gab_inter #bf594 .menu3, #Gab_plateforme #bf594 .menu3, #Gab_fiche  #bf594 .menu3{
/*margin:0 0 0 10px;*/
}
.reference_contenu{
float:left;
margin:0;
padding:0 10px 0 10px;
color:#000000;
}
.reference_contenu img{
display:block;
margin:0 0 5px 0;
}
.reference_contenu h2{
/*float:left;*/
margin:0;
padding:10px 0 10px 0px;
}
.reference_contenu .bt_actu{
bottom:30px;
}
h2.all_ref{
position:absolute;
bottom:0;
left:0;
padding:0;
z-index:100;
}
* html h2.all_ref{
bottom:0px;
}
* + html h2.all_ref{
bottom:0px;
}

/***************** BLOC PLATEFORME ************/
#bf600{
	padding:0 10px 0 10px;
	background-image:url(../img/en/fd_plateforme.gif);
	background-position:left top;
	background-repeat:repeat-y;
	color:#000000;
	width:159px;
}
#bf600 h2{
color:#000000;
text-transform:uppercase;
font-size:1.2em;
background-image:url(../img/en/fd_plateforme_top.gif);
background-repeat:no-repeat;
background-position:left top;
padding:10px 0 5px 0;
}
#bf600 h2 .tt_plateforme{
color:#000000;
text-transform:uppercase;
font-size:0.8em;
}
#bf600 img{
padding:0 0 5px 0;
}
#bf600 .bt_actu{
bottom:6px;
right:20px;
}

/******************* CONTENU CENTRE *************/
#ze602{
	color:#000000;
	padding:27px 0 0 0;
	text-align:justify;
}
#ze602 h2{
text-transform:uppercase;
color:#00579B;
font-size:1.25em;
padding:0 0 15px 0;
}
.content_fiche{
float:left;
margin:0 0 15px 0;
width:521px;
}
.content_texte{
float:left;
margin:0;
padding:0 10px 0 0;
width:250px;
}
#ze602 .content_texte h1 img{
margin:0;
}
#content_image{
float:left;
margin:0;
padding:0;
width:260px;
position:relative;
}
.content_accordion{
float:left;
margin:20px 0 0 0;
padding:0;
width:521px;
}
#basic-accordian2 .accordion_headings h2{
width:502px;
background-color:#6090ce;
margin:0 0 0px 0;
padding:3px 0 3px 15px;
color:#ffffff;
}
#basic-accordian2 .accordion_content{
margin:0px 0;
padding:0;
background-color:#D5E1ED;
}
#basic-accordian2 .accordion_child{
background-color:#D5E1ED;
width:501px;
margin:0px 0 0 0;
padding:0;
}

/******************* ACCORDIAN ******************/
#basic-accordian{
display:block;
clear:both;
}
.accordion_headings{
background-color:#6190CD;
color:#FFFFFF;
font-size:1.25em;
font-weight:bold;
text-transform:uppercase;
padding:4px 10px;
cursor:pointer;
margin:7px 0 0 0;
background-image:url(../img/en/bt_ouvert.gif);
background-repeat:no-repeat;
background-position:467px 10px;
}
.header_highlight{
background-image:url(../img/en/bt_fermer.gif);
background-repeat:no-repeat;
background-position:467px 11px;
}
.accordion_child{
background-color:#D5E1ED;
float:left;
padding:10px 10px;
text-align:justify;
width:501px;
}
.accordion_child ul{
color:#000000;
margin:0 0 0 25px;
}
.accordion_child li{
color:#000000;
}
.accordion_child a{
color:#005697;
float:right;
font-weight:bold;
text-transform:uppercase;
background-image:url(../img/en/picto_orange.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0 0 0 10px;
}
.accordion_child a:hover{
color:#FF8C0F;
padding:0 0 0 10px;
}

.menu_reference{
float:left;
margin:0;
padding:0;
}
.menu_reference #basic-accordian{
display:block;
clear:both;
width:217px;
float:left;
}
.menu_reference .accordion_headings{
background-color:#6190CD;
color:#FFFFFF;
font-size:0.95em;
font-weight:bold;
text-transform:uppercase;
padding:2px 10px;
cursor:pointer;
margin:2px 0 0 0;
width:197px;
background-image:url(../img/en/bt_fermer2.gif);
background-repeat:no-repeat;
background-position:203px 5px;
}
.menu_reference .header_highlight{
background-image:url(../img/en/bt_ouvert2.gif);
background-repeat:no-repeat;
background-position:201px 6px;
}
.menu_reference .accordion_child{
background-color:#D5E1ED;
float:left;
padding:5px 0;
text-align:justify;
width:217px;
}


/******************* REFERENCES ******************/
.menu_reference .accordion_child ul{
color:#000000;
margin:0 0 0 0px;
float:left;
padding:0;
width:206px;
}
.menu_reference .accordion_child li{
color:#000000;
list-style-type:none;
}
.menu_reference .accordion_child li a{
color:#000000;
font-weight:normal;
text-transform:none;
background-image:none;
background-repeat:no-repeat;
background-position:left top;
padding:0 0 0 10px;
margin:2px 0 2px 0;
float:left;
width:207px;
}
.menu_reference .accordion_child li a:hover{
color:#014C8D;
background-color:#C1D3E9;
}
.menu_reference .accordion_child li.active a{
color:#014C8D;
background-color:#C1D3E9;
}
.fiche_reference{
width:290px;
float:left;
margin:0 0 0 14px !important;
margin:0 0 0 8px;
padding:0;
}
.fiche_reference_titre{
width:185px;
float:left;
margin:0 0 0 0px;
padding:0;
}
.fiche_reference_titre2{
width:185px;
float:left;
margin:0 0 0 0px;
padding:0;
}
.fiche_reference_logo{
float:right;
margin:0 0 0 0px;
padding:0;
}
.fiche_reference_content{
width:290px;
float:left;
margin:15px 0 0 0px;
padding:0;
}
* html .fiche_reference_content{
margin:0px 0 0 0px;
}
* + html .fiche_reference_content{
margin:0px 0 0 0px;
}
.fiche_reference_content_besoin{
width:290px;
float:left;
margin:0px 0 10px 0px;
padding:0;
}
.fiche_reference_content_reponse{
width:290px;
float:left;
margin:0px 0 10px 0px;
padding:0;
}
#bf613 .fiche_reference_content_image{
margin:0px 0 0px -10px;
}
.fiche_reference_content_pouquoi{
width:290px;
float:left;
margin:0px 0 10px 0px;
padding:0;
}

/******************* ESPACE PRESSE ***************/
.content_presse{
float:left;
margin:0 0 5px 0;
padding:0;
background-color:#D5E1ED;
width:526px;
}
h3.titre_content_presse {
text-transform:uppercase;
color:#00579B;
font-size:1.25em;
padding:0 0 5px 0;
margin:20px 0 0 0;
float:left;
}
.content_presse_texte{
float:left;
margin:0;
padding:10px;
width:415px;
}
.content_presse_image{
float:left;
margin:0 15px 0 10px !important;
margin:0 7px 0 5px;
padding:6px 0 5px 0;
width:60px;
}

/******************* FORMULAIRE ******************/
label{
float:left;
width:140px;
margin:0 0 5px 0;
padding:0;
}
input{
width:300px;
margin:0 0 5px 0;
padding:0;
}
.valider2 a{
color:#005697;
float:right;
font-weight:bold;
text-transform:uppercase;
background-image:url(../img/en/picto_bleu.gif);
background-repeat:no-repeat;
background-position:left 1px;
padding:0 0 0 10px;
}
.valider2 a:hover{
color:#FF8C0F;
padding:0 0 0 10px;
}
.captcha{
margin:0 0 0 140px !important;
margin:0 0 0 143px;
}

/******************* DEMANDE INFORMATION ********/
.demande_formulaire{
float:left;
margin:0;
padding:0;
width:500px;
}
.demande_formulaire fieldset{
float:left;
margin:0 0 20px 0;
padding:0;
width:500px;
border:none;
}
.demande_formulaire legend{
float:left;
margin:0;
padding:0 0 15px 0;
text-transform:uppercase;
font-size:1.25em;
color:#015697;
font-weight:bold;
}
.demande_formulaire label{
float:left;
margin:0 10px 7px 0;
padding:0;
width:170px;
text-align:left;
}
.demande_formulaire input{
float:left;
margin:0 0 7px 0;
padding:0;
width:278px;
}
.demande_formulaire select{
float:left;
margin:0 0 7px 0;
padding:0;
width:280px;
}
.demande_formulaire textarea{
float:left;
margin:0 0 7px 0;
padding:0;
width:278px;
height:90px;
}
.demande_image{
float:left;
margin:0 0 10px 0;
padding:0;
width:500px;
}
.demande_image_metier{
float:left;
margin:0 10px 0px 0;
padding:0;
}
.demande_image_picto{
float:left;
margin:0 0 0px 0;
padding:0;
width:53px;
}
.demande_image_picto img{
margin:10px 0 0px 0;
padding:0;
}
.demande_image_autre{
float:left;
margin:0 0 0px 20px;
padding:0;
}
.demande_formulaire a{
color:#005697;
float:right;
font-weight:bold;
text-transform:uppercase;
background-image:url(../img/en/picto_orange.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0 0 0 10px;
}
.demande_formulaire a:hover{
color:#FF8C0F;
padding:0 0 0 10px;
}

/******************* FOOTER *********************/
#footer{
float:left;
margin:0 0 0 20px !important;
margin:0 0 0 10px;
padding:0;
}
#Gab_inter #bf590, #Gab_plateforme #bf590, #Gab_fiche #bf590{
background-image:url(../img/en/fd_bas.gif);
background-repeat:no-repeat;
background-position:left top;
width:572px;
}
#Gab_inter #footer, #Gab_plateforme #footer, #Gab_fiche #footer{
float:left;
margin:0 0 0 20px !important;
margin:0 0 0 10px;
padding:10px 0 0 0;
}
#footer li{
float:left;
margin:0;
padding:0 7px 0 0;
list-style-type:none;
}

#imprimer{
float:left;
position:absolute;
right:0;
top:45px;
}

/***************************************************************/
/*************************** SPAW ******************************/
/***************************************************************/
.texte_bleu{
color:#015697;
}
.fond_bleu{
background-color:#D4E0EC;
float:left;
padding:10px;
width:501px;
margin:0 0 15px 0;
}
#ze602 .img_droite{
float:right;
padding:0 0 0 15px;
}
.titre_fond_bleu{
background-color:#6190CD;
color:#FFFFFF;
font-size:1.25em;
font-weight:bold;
text-transform:uppercase;
padding:4px 10px;
cursor:pointer;
margin:0px 0 5px 0;
float:left;
width:500px;
}

