body { 
color: #333333; 
font-size: 11px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
background: #ffffff url(../../medias/en/communs/fond.jpg) no-repeat center top;

}



#contenu_pages_home{
position: absolute;
margin-left: -500px;
left: 50%;
width: 1000px;
margin-top: 330px;
background-color:none;
}


#contenu{
/* original width 1000px */
width: 885px;
padding-right : 55px;
padding-left : 60px;
padding-top : 20px;
padding-bottom : 20px;
}

.contenu_bordure {
background-image: url(../../medias/en/communs/bordure-menu.jpg);
background-repeat: repeat-y;
}


#fil_ariane {
/* original width 1000px */
/* original height 40px */
width: 978px;
height: 26px;
padding: 14px 0px 0px 22px;
position: absolute;
margin-left: -500px;
left: 50%;
top: 210px;
background-image:  url(../media/commun/fond.gif); 
background-repeat: repeat-y; 
}

.fil_ariane_text {
width: 653px;
float: left;
}

.fil_ariane_pages {
width: 300px;
float: left;
text-align: right;
}

#footer {
height: 23px;
width: 1000px;
color: #999999; 
text-align: center;
font-size:9px;
padding-top : 30px;
font-family : Arial;
}

#footer img{
vertical-align : bottom;
}

.menu_container {
float: left;
margin: 0px 0px 0px 0px;
}



/* bandeaux */

#bandeau_home {
position: absolute; 
margin-left: -500px; 
left: 50%; 
top: 0px; 
width: 1000px; 
height: 330px;
}

#bandeau_menu {
width : 740px;
float : right;
text-align : right;

}

#bandeau_photo {
height : 200px;
text-align : left;
position: absolute; 
margin-left: -500px; 
left: 50%; 
top: 0px; 
width: 1000px; 
z-index : 0;
top : 35px;
}

#flashContainer {
padding-top : 48px;
padding-left : 60px;
position : relative;
z-index : 0;
}

#fonctionalites {
text-align: right;
width: 800px;
float : right;
height : 45px;
}

.logo {
position : absolute;
z-index : 1000;
padding-left : 60px;
}


.contenu-haut {
float : right;
width : 800px;
}


.identification {
border : 1px solid #d2b24d;
width : 186px;  
padding : 0px 0px 0px 10px;
background-color : #ffffff;
}

.identification p {
padding-right : 10px;
}

/* home */

.champ1 {
float : left;
width : 370px;
padding : 0px 0px 0px 0px; 

}

.champ2 {
float : left;
width : 320px;
padding : 2px 0px 0px 0px; 

}

.champ3 {
float : left;
width : 130px;
color : #FFFFFF;
padding-top : 5px;
}

.barre_sous_menu {
background-image: url(../../medias/en/home/barre-menu.jpg);
background-repeat: no-repeat;
height : 33px;
width : 878px;
margin-bottom : 30px;
padding-top : 8px;
color : #ffffff;
padding-left : 15px;
}


.home_bloc { 
/* orig width 222px; */
width: 265px;
padding: 0px 0px 0px 0px;
text-align:left;
margin-right : 3px;
}

.home_bloc_right { 
/* orig width 222px; */
width: 560px;
float: right;
text-align:left;
padding-left: 20px;

}

.lien_push_logbox{
width: 546px; 
height: 116px;
float : left;
margin-bottom : 20px;
}	



.news {
padding-top : 20px;
padding-bottom : 20px;
}




/* commun */

.spacer { 
clear: both;
background-color: none;
}

ul {
padding: 0px;
margin: 0em 0em 0em 1.4em;
}

li {
list-style-image : url("../images/communs/puce.gif");
margin-bottom : 5px;
}

.float {
float: left;
}

.bold {
font-weight : bold;
}

 /* texte */
 
h1 { 
font-size: 20px; 
color: #333333;
margin: 0px 0px 12px 0px;
text-transform: uppercase;
}

h2 { 
font-size: 12px; 
font-weight: bold;
}

h3 { 
font-size: 18px; 
color: #333333;
margin: 0px 0px 10px 0px;
text-transform: uppercase;
font-weight: normal;
}


img { border : none;}
a { border : none;}


.float_right {
float : right;
}


/* FORMULAIRE */

#inscription  {
color : #999999;
font-size : 12px;
font-style : italic;
}

#login  {
color : #999999;
font-size : 12px;
font-style : italic;
height : 15px;
border : 1px solid #d2b24d;
margin-bottom : 4px;
margin-left : 34px;
width : 110px;

}

#password  {
color : #999999;
font-size : 12px;
font-style : italic;
width : 110px;
height : 15px;
border : 1px solid #d2b24d;
margin-left : 10px;
margin-bottom : 10px;
}



select {
color : #999999;
font-size : 12px;
font-style : italic;
}

#langage { height : 22px; width : 120px;}

.input_langage {
float : left;
padding-top : 3px;
margin-right : 2px
}

/* calques */

/*Menu deroulant*/	

/* PLACEMENT GENERAL DES CALQUES DU MENU */
	/* MeuContainer : Div servant a placer le menu */ 
	/* top: hauteur ou les calques du menu doivent s'afficher; A partir du haut de page */
	/* right : ne pas changer (50%) */
	/* margin-right : width / 2; Ne pas oublier le -; Donc -500px */
	/* width : largeur du montage total */
	
	
	#menuContainer { 
	position: absolute; 
	color : #0078be;
	z-index : 100;
	top: 33px; 
	right: 50%; 
	margin-right: -500px; 
	width: 1000px; 
	height: 1px; 
	
	
	}
	
	
/* CSS DU MENU */
	
/* IMPORTANT !!! NE JAMAIS NOMMER LA CLASS CSS DU MENU #menu */ 
	
#menu_general { position: absolute; margin-left: -500px; left: 50%; top: 100px; width: 1000px; height: 23px;color : #0078be; }
#menu_deroulant { float: left; height: 23px; margin-top: 0px; color : #0078be;}	

/* calques */

.calques {
color : #848484;
font-size: 10px;
font-family : Verdana;
background-color: #e1e1e1;
text-align : left;
padding-left : 15px;
border-left : 1px solid #c5c5c5;
border-right : 1px solid #c5c5c5;
}
	
.calques1 {
color : #848484;
font-size: 10px;
font-family : Verdana;
background-color: #e1e1e1;
border-top : 1px dashed #c5c5c5;
border-left : 1px solid #c5c5c5;
border-right : 1px solid #c5c5c5;
text-align : left;
padding-top : 15px;
padding-left : 15px;
}
	
.calques_end {	
color : #848484;
font-size: 10px;
font-family : Verdana;
background-color: #e1e1e1;
border-bottom : 1px solid #c5c5c5;
border-left : 1px solid #c5c5c5;
border-right : 1px solid #c5c5c5;
text-align : left;
padding-left : 15px;
padding-bottom : 10px;
}
	
	
.calques1 a {
color : #848484;
text-align : left;
width:140px;
text-decoration : none;
}
	
.calques_end a {
color : #848484;
text-align : left;
text-decoration : none;
}
	
.calques1 a:hover {
color : #848484;
font-weight : bold;
}

.calques_end a:hover {
color : #848484;
font-weight : bold;
}
	
	
	
.calques a {	
color : #848484;
text-align : left;
height : 16px;
text-decoration : none;
}

.calques a:hover {
color : #848484;
font-weight : bold;
}


/* MENU */


#inscriptions {
width: 30px; 
height: 17px;
background-image:  url(../../medias/en/home/btn-ok.gif); 
background-repeat: no-repeat;
border: 0px;
background-color: none;
cursor : pointer;
}

#log-in {
width:72px; 
height: 22px;
background-image:  url(../../medias/en/home/btn-login.jpg); 
background-repeat: no-repeat;
border: 0px;
float : right;
background-color: none;
cursor : pointer;
}


#menu_contact{
width: 100px; 
height: 33px;
background-image:  url(../../medias/en/menu/contact.jpg); 
background-repeat: no-repeat;
float : left;
}	

#menu_contact:hover {
background-position: 0px -33px !important;
background-position: 0px -33px ;
}


#menu_home{
width: 91px; 
height: 33px;
background-image:  url(../../medias/en/menu/home.jpg); 
background-repeat: no-repeat;
float : left;
}	

#menu_home:hover {
background-position: 0px -33px !important;
background-position: 0px -33px ;
}

#menu_services{
width: 94px; 
height: 33px;
background-image:  url(../../medias/en/menu/services.jpg); 
background-repeat: no-repeat;
float : left;
}	

#menu_services:hover {
background-position: 0px -33px !important;
background-position: 0px -33px ;
}

#menu_references{
width: 86px; 
height: 33px;
background-image:  url(../../medias/en/menu/references.jpg); 
background-repeat: no-repeat;
float : left;
}	

#menu_references:hover {
background-position: 0px -33px !important;
background-position: 0px -33px ;
}

#menu_logbox{
width: 163px; 
height: 33px;
background-image:  url(../../medias/en/menu/logbox.jpg); 
background-repeat: no-repeat;
float : left;
}	

#menu_logbox:hover {
background-position: 0px -33px !important;
background-position: 0px -33px ;
}

#menu_fdi{
width: 206px; 
height: 33px;
background-image:  url(../../medias/en/menu/about-fdi.jpg); 
background-repeat: no-repeat;
float : left;
}	

#menu_fdi:hover {
background-position: 0px -33px !important;
background-position: 0px -33px ;
}
/* TEXTES */

.retour_home {
padding-top : 10px;
margin-right : 10px;
}



.orange { color :#d2b24d;}
.sous_titre_bleu { color : #12788e; font-weight : bold;}

 /* LIENS */

a.lien_retour_home:link { color: #a5a5a5; text-decoration: underline; font-weight : normal;}
a.lien_retour_home:visited { color: #a5a5a5; text-decoration: underline; font-weight : normal; }
a.lien_retour_home:hover { color: #12788e; text-decoration: underline; font-weight : normal; }
a.lien_retour_home:active { color: #12788e; text-decoration: underline; font-weight : normal;}

a.lien_footer:link { color: #999999;  text-decoration: none; font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase;}
a.lien_footer:visited { color: #999999;  text-decoration: none;  font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase; }
a.lien_footer:hover { color: #12788e;   text-decoration: none; font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase;}
a.lien_footer:active { color: #12788e; text-decoration: none; font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase;}

a.lien_footer_actif:link { color: #12788e; text-decoration: none; font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase; font-weight : bold;}
a.lien_footer_actif:visited { color: #12788e; text-decoration: none; font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase; font-weight : bold;}
a.lien_footer_actif:hover { color: #12788e; text-decoration: none; font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase; font-weight : bold;}
a.lien_footer_actif:active { color: #12788e; text-decoration: none; font-family: Arial, sans-serif; font-size : 9px; text-transform: uppercase; font-weight : bold;}

a.lien_footer2:link { color: #ffffff;  text-decoration: none; font-size:10px; font-family: Arial, sans-serif;}
a.lien_footer2:visited { color: #ffffff;  text-decoration: none;  }
a.lien_footer2:hover { color: #ffffff;  text-decoration: none; }
a.lien_footer2:active { color: #ffffff; text-decoration: none; }

a.lien_fil_ariane:link { color: #b2ab96; text-decoration: none; }
a.lien_fil_ariane:visited { color: #b2ab96; text-decoration: none;  }
a.lien_fil_ariane:hover { color: #ff7010; text-decoration: none; }
a.lien_fil_ariane:active { color: #b2ab96; text-decoration: none; }

a.lien_bleu:link { color: #12788e; text-decoration: none; font-weight : bold;}
a.lien_bleu:visited { color: #12788e; text-decoration: none; font-weight : bold; }
a.lien_bleu:hover { color: #12788e; text-decoration: underline; font-weight : bold; }
a.lien_bleu:active { color: #12788e; text-decoration: underline; font-weight : bold;}

a.lien_orange:link { color: #d2b24d; text-decoration: none; }
a.lien_orange:visited { color: #d2b24d; text-decoration: none; }
a.lien_orange:hover { color: #d2b24d; text-decoration: underline; }
a.lien_orange:active { color: #d2b24d; text-decoration: underline; }

a.lien_orange_actif{ color: #d2b24d; text-decoration: underline; font-weight : bold; }