
html, body
{
	font-family:arial;
	font-size:10px;
}
/* ------------------------------RAZ */

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
		font-size: 1em;
		margin: 0; padding: 0;
		font-weight: normal;
}
ul {
		margin: 0; padding: 0;
		list-style: none;
}
a {
		text-decoration:none;
		color:#8D9CA5/*#6f4c7c*/;
}
a:hover { color: #CD5321; }
a img {
		border:none;
}
.clear { 
      clear:both;
      display:block;
      line-height:1px;
		font-size:0.1em;
}
a{outline: none;}
:focus{-moz-outline-style: none;}
.hidden {
		visibility:hidden;
}
fieldset{border:none;}


/* -------------------------fin RAZ--- */

body {
  font-family:verdana, arial;
  font-size:1em;
  background:#0e0e0e url(../images/layout/back-bod.gif) repeat;
  color:#999;
  margin:0px;
  padding:0px;
  text-align:center;
}

#principale{
  width:954px;
  margin: 0 auto ;
	margin-top:28px;
  text-align:left;
	position:relative;
}
#header{
	background:#0e0e0e url(../images/layout/back-header.gif) no-repeat;
	width:954px;
	height:84px;
	position:relative;
}
#header h1{
	width:225px;
	height:59px;
}
#header h1 a{
	width:225px;
	height:59px;
	display:block;
	text-indent:-5000px;
}
#header form input#inp-tex{
	background:url(../images/layout/back-inp-tex-layout.gif) no-repeat;
	width:109px;
	height:15px;
	border:none;
	color:#333;
	font-size:1.1em;
	padding:3px 0 0 4px;
	position:absolute;
	top:30px;
	left:768px;
}
#btn-valid-layout{
	width:24px;
	height:18px;
	position:absolute;
	top:30px;
	left:877px;
}
#header ul#choix_language{
	position:absolute;
	top:35px;
	right:10px;
	background:url(../images/layout/menu-lang.gif) no-repeat;
	width:33px;
	height:8px;
}
#header ul#choix_language li{
	float:left;
	text-indent:-5000px;
	line-height:5px;
	font-size:0.5em;	
}
#header ul#choix_language li#lang_fr{
	width:16px;
	height:8px;
}
#header ul#choix_language li#lang_en{
	width:16px;
	height:8px;	
	margin-right:1px;
}
#header ul#choix_language li a{
	display:block;
	height:8px;
	width:16px;
}
#header ul#choix_language li#lang_fr a:hover, #header ul#choix_language li#lang_fr a.select{
	background:url(../images/layout/menu-lang.gif) -17px -8px no-repeat;	
}
#header ul#choix_language li#lang_en a:hover, #header ul#choix_language li#lang_en a.select{
	background:url(../images/layout/menu-lang.gif) 0 -8px no-repeat;
}



/* ------------------- DEBUT MENU PRINCIPALE ----------*/
ul#page_menu {
  width: 429px;
	height: 59px;
	top:0;
	left:314px;
  position: absolute;
  /*background:url(../images/layout/menu.gif) 0 0 no-repeat;*/
  z-index: 100;
}
ul#page_menu li {
  float: left;
  height: 59px;

}
ul#page_menu li.last-child {
  background-image: none;
  padding-right: 0;
}
ul#page_menu li a
{
  display: block;
	height:59px;
/*margin-right:1px;*/
}
ul#page_menu li ul {
  	position: absolute;
  	left:-314px;
	top:60px;
  	display: none;
  	width: 954px;
	height:23px;
  	background:url(../images/layout/sous-menu.gif) repeat-x;
}
ul#page_menu li#pad-men1 ul li.first-child {
	margin-left:170px !important;
	margin-left:163px;
}
ul#page_menu li#pad-men2 ul li.first-child {
	margin-left:235px !important;
	margin-left:227px;
}
ul#page_menu li#pad-men3 ul li.first-child {
	margin-left:212px !important;
	margin-left:143px;
}
ul#page_menu li#pad-men4 ul li.first-child {
	margin-left:292px !important;
	margin-left:277px;
}
ul#page_menu li#pad-men5 ul li.first-child {
	margin-left:471px !important;
	margin-left:457px;
}
ul#page_menu li#pad-men6 ul li.first-child {
	margin-left:425px;/*500px*//*654px*/;
}
ul#page_menu li ul li {
  display:inline;
  background: none;
  padding-left: 0;
  height: 23px;
	line-height:23px;
	color:#fff;
}
ul#page_menu li ul li a {
  background-image: none;
	font-size:1em;
	text-transform:uppercase;
	display:inline;
	color:#fff;
  	padding: 0 5px 0 5px;
	color:#afc1cd;
  	height: 23px;
}
* html ul#page_menu li ul li a {
	width:1%;
}
ul#page_menu li ul li:hover a,
ul#page_menu li ul li a:hover{
  color: #fff;
}


ul#page_menu li a#menu1{
	width:83px;
	text-indent:-5000px;
  	background:url(../images/layout/menu1.gif) 0 0 no-repeat;
}
ul#page_menu li a#menu2{
	width:88px;
	text-indent:-5000px;
  	background:url(../images/layout/menu2.gif) 0 0 no-repeat;
}
ul#page_menu li a#menu3{
	width:78px;
	text-indent:-5000px;
  	background:url(../images/layout/menu3.gif) 0 0 no-repeat;
}
ul#page_menu li a#menu4{
	width:60px;
	text-indent:-5000px;
  	background:url(../images/layout/menu4.gif) 0 0 no-repeat;
}
ul#page_menu li a#menu5{
	width:34px;
	text-indent:-5000px;
  	background:url(../images/layout/menu5.gif) 0 0 no-repeat;
}
ul#page_menu li a#menu6{
	width:83px;
	text-indent:-5000px;
	background:url(../images/layout/menu6.gif) 0 0 no-repeat;
}

ul#page_menu li#menu1 a ul li:hover a, ul#page_menu li#menu1 ul li:hover a,
ul#page_menu li#menu1 a ul li:hover a, ul#page_menu li#menu1 ul li:hover a
ul#page_menu li#menu2 a ul li:hover a, ul#page_menu li#menu2 ul li:hover a,
ul#page_menu li#menu3 a ul li:hover a, ul#page_menu li#menu3 ul li:hover a,
ul#page_menu li#menu4 a ul li:hover a, ul#page_menu li#menu4 ul li:hover a,
ul#page_menu li#menu5 a ul li:hover a, ul#page_menu li#menu5 ul li:hover a{
	background:none;
}
ul#page_menu li a#menu1:hover, ul#page_menu li a#menu1.selected{
  background:url(../images/layout/menu1.gif) 0 -59px no-repeat;
}
ul#page_menu li a#menu2:hover, ul#page_menu li a#menu2.selected{
  background:url(../images/layout/menu2.gif) 0 -59px no-repeat;
}
ul#page_menu li a#menu3:hover, ul#page_menu li a#menu3.selected{
  background:url(../images/layout/menu3.gif) 0 -59px no-repeat;
}
ul#page_menu li a#menu4:hover, ul#page_menu li a#menu4.selected{
  background:url(../images/layout/menu4.gif) 0 -59px no-repeat;
}
ul#page_menu li a#menu5:hover, ul#page_menu li a#menu5.selected{
  background:url(../images/layout/menu5.gif) 0 -59px no-repeat;
}
ul#page_menu li a#menu6:hover, ul#page_menu li a#menu6.selected{
  background:url(../images/layout/menu6.gif) 0 -59px no-repeat;
}

/* ------------------- FIN MENU PRINCIPALE ----------*/
#col-gauche-content{
	width: 272px/*302px*/;
	padding:0 0 0 13px;
	float:left;
	position:relative;
	top:-52px;
}
#bas-fond-menu-gauche{
	background:url(../images/layout/bas-fond-menu-gauche.png) no-repeat bottom left;
	width:270px/*286px*/;
	height:27px;
}
/* ID AJOUTE */
#bas-fond-menu-gauche-solo{
	background:url(../images/layout/bas-fond-menu-gauche-solo.png) no-repeat bottom left;
	width:270px/*286px*/;
	margin-top: -1px;
	height:18px;
}
#col-gauche-content #menu-gauche-content{
	width:270px/*286px*/;
	background:url(../images/layout/back-haut-menu-gauche.png) top left no-repeat;	
	padding-bottom:136px;
}
/* Class created by JCh */
#col-gauche-content #menu-gauche-content-empty{
	margin-top: 150px !important;
}

#col-gauche-content #menu-gauche-content ul#menu-gauche {
	background:url(../images/layout/back-fond-menu-gauche.png) repeat-y;	
	width:270px /*277px*/;
	padding-left:7px;
	padding-bottom: 1px; /* this corrects the margin bottom bug in Firefox for the inner items */
}

/*
h3 supprimé du menu gauche, car il ne fait pas partie de la hiérarchie de contenu. remplacé par le p qui suit
#col-gauche-content #menu-gauche-content h3.titre-menu-gauche{
	height:30px;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #9EACB5;
	text-transform:uppercase;
	margin: 0px;
	padding: 25px 0 0 30px !important;
}*/
#col-gauche-content #menu-gauche-content p.titre-menu-gauche{
	height:28px;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #9EACB5;
	text-transform:uppercase;
	margin: 0px;
	padding: 27px 0 0 30px !important;
	/*text-indent:-5000px;*/
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule {
	/*padding-bottom: 5px;*/
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule p.back-intitul-menu-gauche{
	background:url(../images/layout/back-menu-gauche-intitule.gif) no-repeat;
	margin: 0 17px 0 1px;
	/*width:268px;*/
	/*height:27px;*/	
}
#col-gauche-content #menu-gauche-content ul li{
	margin-bottom: 1px;
	position:relative;
	z-index:10000;
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule p.back-intitul-menu-gauche a{
	display:block;
	/*width:260px;*/
	/*height:22px;*/ 
	color:#fff;	
	font-size:12px;
	padding:6px 0 6px 8px;
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule p.back-intitul-menu-gauche a:hover{
	/*text-decoration:underline;*/
	color:#6C1C1B;
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule ul{
	display:none;
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule.select ul{
	/*sbackground: url(../images/layout/fond-menu-gauche.png) repeat-y -9px;*/
	display:block;
	position:relative;
	padding:17px 5px 12px/*17px*/ 32px;
	font-size:11px;
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule.select ul li a{
	color:#666;
	padding-left:14px;
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule.select ul li{
	background:url(../images/layout/back-puce-gauche.gif) 0 3px no-repeat;
}
#col-gauche-content #menu-gauche-content ul li.menu-gauche-intitule.select ul li a:hover{
	background:url(../images/layout/back-puce-hover-gauche.gif) 0 3px no-repeat;
	color:#6c1c1b;
}
#col-gauche-content #posit-back-appeler{
	position:absolute;
	bottom:0px;
}
#col-gauche-content .back-appeler{
	width:268px;
	font-size:10px;
	height:107px;
	background:url(../images/home/back-appeler.png) no-repeat !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home/back-appeler.png',sizingMethod='crop');
	background:none;
}
#col-gauche-content .back-appeler a{
	position:absolute;
	z-index:100000;
	color:#b1cada;
	font-weight:bold;
	bottom:11px !important;
	bottom:12px;
	left:135px; /*112px modifié */
	line-height:13px;
}
#col-gauche-content .back-appeler a:hover{
	/*text-decoration:underline;*/
	color:#6C1C1B;
}






#bottom-content{
	background:url(../images/home/footer-home.gif) no-repeat;
	height:9px;
	width:954px;	
	line-height:0.1em;
	font-size:0.1em;
	display:block;
	margin-top:0 !important;
	margin-top:-3px;
}
#footer{
	background:url(../images/home/back-footer.gif) no-repeat;
	height:90px;
	width:954px;
	position:relative;
}
#footer #back-coord-home{
	background:url(../images/layout/back-coord-home.gif) no-repeat;
	width:316px;
	height:23px;
	text-indent:-5000px;
	position:absolute;
	left:10px;
	top:19px;
}
#footer #baseline {
	background:url(../images/layout/back-coord-home.gif) no-repeat top left;
	text-align:justify; 
	sborder-left: 1px dashed white;
	color:#666;
	position:absolute;
	left:10px/*54px*/;
	top:/*32*/20px;	
	width:480px;
	padding-left: 40px;
}
#footer #baseline { display: inline; }

/*#footer ul#back-menu-footer{
	background:url(../images/layout/back-menu-footer.gif) no-repeat;
	width:452px;
	height:8px;
	position:absolute;
	top:19px;
	right:10px;
}
#footer ul#back-menu-footer li{
	float:left;
}
#footer ul#back-menu-footer li a{
	display:block;
	height:8px;
	text-indent:-5000px;
}
#footer ul#back-menu-footer li#menu-foot1 a{
	width:55px;
}
#footer ul#back-menu-footer li#menu-foot2 a{
	width:58px;
}
#footer ul#back-menu-footer li#menu-foot3 a{
	width:99px;
}
#footer ul#back-menu-footer li#menu-foot4 a{
	width:127px;
}
#footer ul#back-menu-footer li#menu-foot5 a{
	width:48px;
}
#footer ul#back-menu-footer li#menu-foot6 a{
	width:65px;
}*/

#footer ul#back-menu-footer{
	position:absolute;
	top:19px;
	right:10px;
}
#footer ul#back-menu-footer li{
	display:inline;
	text-transform:uppercase;
}
#footer ul#back-menu-footer li a{
	font-size:0.9em;
	font-family:arial;
	color:#fff;
}
#footer ul#back-menu-footer li a:hover{
	color:#ccc;
}
#footer ul#back-menu-footer li#menu-foot1 a, #footer ul#back-menu-footer li#menu-foot2 a{
	color:#cd5321;
}
#footer ul#back-menu-footer li#menu-foot1 a:hover, #footer ul#back-menu-footer li#menu-foot2 a:hover{
	color:#fe6a2d;
}

#footer #copy-foot{
	position:absolute;
	top:32px;
	right:10px;
}