﻿body {
	background-color: #1E3C6D;/*001C4B*/
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/wallpaper.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
.Texteclass{
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#001C4B;
}
#Header {
	background-color: #1E3C6D;/*001C4B*/
	background-image: url(../images/silhouettes_new.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100px;
	width: 912px;
	padding-top : 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#MenuBackground {
	background-image: url(../images/menu_background.gif);
	background-repeat: repeat-x;
	height: 48px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
}
.left {
	float: left;
}
.col114 {
	width: 114px;
}
#Page {
	background-color:#000;
	height: 450px;
	//height: 434px;
	_height: 480px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	//margin-top: 27px;
}
#Footer {
	background-image: url(../images/footer_background.gif);
	background-repeat: repeat-x;
	height: 39px;
	_height: 39px;
	line-height:7px;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	z-index:20;
}
.widht50R {
	text-align: right;
	width: 47%;
}
.widht50L {
	text-align: left;
	width: 48%;
	margin-left:20px;
}
#Content {
	background-color:#CCCCCC;
	height:31px;
	//height:20px;
	line-height:20px;
	margin-left:auto;
	margin-right:auto;
	width:912px;
	color:#001C4B;
}
.width11 {
	width: 11%;
	text-align: center;

}
.Titre {
	font-family: 'Georgia', Times, serif;
	font-size: x-large;
	font-weight: bold;
	color:#FFF;
	margin-left: -10px;
	text-align:center;
}
.TitrePageSecondaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color:#1E3C6D;
	text-align:center;
}
.titrePage {
	font-size:x-large;
	font-family:'Georgia', Times, serif;
	font-weight:bold;
	color:#001C4B;
	margin-left:10px;
	}
.chapo {
	font-size:medium; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; 
	color:#000; 
	font-style:italic;
	text-align:left;
}
.liste{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	list-style:circle;
	text-align:left;
	}	
.SousTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight: bold;
	color: #333;
	margin-left: 0px;
	text-decoration: underline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: -30px;
}
.ssTitre {
	font-size:medium;
	text-align:center;
}
.paragraphe {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.formulaire {
	list-style-type: none;
	color:#333
}
.form {
	font-family:Arial, Helvetica, sans-serif;
	width:550px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
.question {
	font-size:small;
	color:#000
}
.decoForm {
	background-color:#CCC;
	padding:10px;
	margin-top:10px;
	text-align:left;
	/*-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);*/
}
.titreForm {
	font-size:large;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform: capitalize;
}
#EncartHeader {
	color:#000;
	background-image: url(../images/encart_headerN.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 500;
	height: 10px;
	width: 350px;
	margin-top: 36px;/* !important!*/
	//margin-top: 26px;
	_margin-top: 10px;
	margin-left: 30px;
	/*-moz-opacity:0.4;
	opacity: 0.4;
	filter:alpha(opacity=40);*/
}
#EncartHeader2 {
	background-image: url(../images/encart_header.gif);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 500;
	height: 10px;
	width: 350px;
	margin-top: 20px;
	margin-left: 535px;
	/*-moz-opacity:0.4;
	opacity: 0.4;
	filter:alpha(opacity=40);*/
}
#fondtranslucide {
	height: 406px; /* !important!*/
	//height: 389px;
	_height: 374px;
	width: 350px;
	margin-left: 30px;
	z-index: 2;
	position: absolute;
	background-image: url(../images/encart_backgroundN.gif);
	background-repeat: repeat-y;
	margin-top: 46px ;/* !important!*/
	//margin-top:31px;
	_margin-top: 20px;
	margin-left: 30px;
   /*-moz-opacity:0.4;
    opacity: 0.4;
    filter:alpha(opacity=40);*/
}
#fondtranslucide2 {
	height: 360px;
	width: 350px;
	margin-top: 30px;
	margin-left: 30px;
	z-index: 2;
	position: absolute;
	background-image: url(../images/encart_background.gif);
	background-repeat: repeat-y;
	margin-top: 30px;
	margin-left: 535px;
   /*-moz-opacity:0.4;
    opacity: 0.4;
    filter:alpha(opacity=40);*/
}

#texteopaque {
   font-family:Arial, Helvetica, sans-serif;
   line-height:1.3;
   color:#000;
   text-align: justify;
   /*padding: 8px 24px;*/
   padding: 8px 20px;
   height: 345px;
   *height: 360px;
    width: 300px;
   margin-left: 30px;
   /*background-color: transparent;*/   /* fond transparent            */
   position: absolute;              /* positionnement absolu       */
   z-index: 3;                      /* placement sur l'autre DIV   */
   margin-top: 43px; /* !important!*/
   *margin-top: 30px;
   margin-left: 30px;
   /*overflow:auto;*/
}

#texteopaque2 {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   color:#000;
   text-align: justify;
   padding: 8px 24px;
   height: 345px;
   _height: 360px;
    width: 302px;
   margin-top: 30px;
   margin-left: 30px;
   /*background-color: transparent;*/   /* fond transparent            */
   position: absolute;              /* positionnement absolu       */
   z-index: 3;                      /* placement sur l'autre DIV   */
   margin-top: 30px;
   margin-left: 535px;
}
/* menu  */
#topnav{
	width:912px;
	height:48px;
	margin:0px;
	padding:0px;
	background-image: url(../images/nav-sprite.gif);
	background-repeat: no-repeat;
}
#topnav li{margin:0px; padding:0px; list-style:none; float:left;}
#topnav a{height:48px; display:block;} 

#nav_accueil a{width:98px} 
#nav_accueil a:link, #nav_accueil a:visited {background: url(../images/nav-sprite.gif) 0px 0px no-repeat;} 
#nav_accueil a:hover, #nav_accueil a:active {background: url(../images/nav-sprite.gif) 0px -48px no-repeat;}
 
#nav_expertise a{width:106px} 
#nav_expertise a:link, #nav_expertise a:visited {background: url(../images/nav-sprite.gif) -98px 0px no-repeat;} 
#nav_expertise a:hover, #nav_expertise a:active {background: url(../images/nav-sprite.gif) -98px -48px no-repeat;} 

#nav_independance a{width:142px} 
#nav_independance a:link, #nav_independance a:visited {background: url(../images/nav-sprite.gif) -204px 0px no-repeat;} 
#nav_independance a:hover, #nav_independance a:active {background: url(../images/nav-sprite.gif) -204px -48px no-repeat;} 

#nav_garantie a{width:110px} 
#nav_garantie a:link, #nav_garantie a:visited {background: url(../images/nav-sprite.gif) -346px 0px no-repeat;} 
#nav_garantie a:hover, #nav_garantie a:active {background: url(../images/nav-sprite.gif) -346px -48px no-repeat;} 

#nav_charte a{width:92px} 
#nav_charte a:link, #nav_charte a:visited {background: url(../images/nav-sprite.gif) -456px 0px no-repeat;} 
#nav_charte a:hover, #nav_charte a:active {background: url(../images/nav-sprite.gif) -456px -48px no-repeat;} 

#nav_temoin a{width:137px} 
#nav_temoin a:link, #nav_temoin a:visited {background: url(../images/nav-sprite.gif) -548px 0px no-repeat;} 
#nav_temoin a:hover, #nav_temoin a:active {background: url(../images/nav-sprite.gif) -548px -48px no-repeat;} 

#nav_profil a{width:121px} 
#nav_profil a:link, #nav_profil a:visited {background: url(../images/nav-sprite.gif) -685px 0px no-repeat;} 
#nav_profil a:hover, #nav_profil a:active {background: url(../images/nav-sprite.gif) -685px -48px no-repeat;} 

#nav_contact a{width:106px} 
#nav_contact a:link, #nav_contact a:visited {background: url(../images/nav-sprite.gif) -806px 0px no-repeat;} 
#nav_contact a:hover, #nav_contact a:active {background: url(../images/nav-sprite.gif) -806px -48px no-repeat;} 

#topnav li a span {display: none;} 


/* Sous-listes expertise */


}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        ?????border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}
#PageGeneral {
	width: 912px;
	margin-right: auto;
	margin-left: auto;
	height: 435px;
	//margin-top: 27px;
	margin-bottom: 16px;
	//margin-bottom: 0px;
}
.Col240 {
	width: 240px;
	background-image: url(../images/col240_background.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00284A;
	height: 100%;
	/*text-align: left;
	-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);*/
}
.Col672 {
	width: 672px;
	background-color: #001C4B;
	height: 100%;
	/*-moz-opacity:0.8;
	opacity: 0.8;
	filter:alpha(opacity=80);*/
}
.width30 {
	width: 30%;
	margin-bottom: 15px;

}
.width70 {
	width: 70%;
	margin-bottom: 15px;

}
.width100 {
	width: 100%;
}
.Remplissage {
  padding: 5px;
	_padding: 10px;
}
.ColExpertise {
	width: 912px;
	background-color: #001C4B;
	/*background-image: url(../images/photo_general.jpg);*/
	background-image: url(../images/photoexpertise.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 20px;
	text-align: center;
}
.col214 {
	width: 214px;
	margin-left: 8px;
	background-color: #DBD8DA;
	background-image: url(../images/expertise_resume.gif);
	background-repeat: no-repeat;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #002042;
	text-align: justify;
	height: 150px;
	/*-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);*/
}
.TitreExpertise {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/expertise_titre.gif);
	background-repeat: no-repeat;
	text-align: center;
	height: 18px;
	width: 214px;
	padding-top: 2px;
}
.Lien {
	color: #0061A5;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.Col672Blanc {
	width: 672px;
	background-color: #FFFFFF;
	height: 100%;
	color: #002042;
	/*-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);*/
}
p {
	font-size:12px;
	text-align:justify;
	margin: 0x;
	padding: 0x;
	}
.SsMenuFooterPage{
	padding: 17px;
	float:left;
	}
.SsMenuFooterPage a{
	color:#001C4B;
	}