@charset "UTF-8";
/* CSS Document */

/*********************************************************/
/*********************************************************/
/*********************************************************/
    body  {
	/*font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
    	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/

	background: #271f21;
    margin: 0;
	padding: 0;
	text-align: center;    	/*color: #000000;*/

    }
	.twoColLiqLt  {
	background-image: url(../images/fond.jpg);
	background-position:top center;
	background-repeat:no-repeat;

  } 
/*body {
	text-align:center;
	background-color:#333;	
}
a {
	text-decoration:none;
	color:#000
}
a:hover {
	text-decoration: underline;
}
*/
/*********************************************************/
/*********************************************************/
/*********************************************************/

#bg {
	background-image: url('../images/1bg.jpg');
	background-repeat:repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	width: 100%;
	height: 1100px;
	vertical-align: top;
}
/*********/

/*********************************************************/
/*********************************************************/
/*********************************************************/

#wrap {
	width:700px;
	text-align:center;
	margin:0 auto;
	position: relative;
	top:0px;
	height: 380px;
}
/*.float-l {

}

.float-r {
	float:right
}
.left {
	width:233px;

	height:8000px
}
.right {
	width:800px;

}
*/
/*********************************************************/
/*********************************************************/
/*********************************************************/


/*#logo {
	height:350px;
	text-align:left;
}
#logo h1 {
	font-size:34px;
	color:#FFFFFF;
}
#logo h1 {
	padding: 30px 0 0 100px;
}
*/

/*********/


/*********************************************************/
/*********************************************************/
/*********************************************************/
#diapo {
	width:100%;
	height:283px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#564046;
	background-image: url('../images/fondhaut.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}


/*********/

/*********************************************************/
/*********************************************************/
/*********************************************************/

/*
#main {

	height:180px;
}

#main h2 {
	font-size:36px;
	padding: 30px 50px 0 50px;
}
#main p {
	padding: 20px 50px 0 50px;
}
*/
/*********/
.logoi h2 {
	font-size:36px;
	color:#CCC;
	font-family: "Times New Roman", Times, serif;
	padding: 10px 0px 15px 30px;
	letter-spacing: 0.01em;
	font-style: italic;
}

/*********************************************************/
/*********************************************************/
/*********************************************************/
/* footer */

    .twoColLiqLt #footer {
	padding: 10px 10px 0 35%; /* ce remplissage correspond � l'alignement � gauche des �l�ments des div qui apparaissent au-dessus. */
	background:#1b1315;
	font-size:10px;
	font-family:Arial;
	color:#999;
	height: 120px;
        margin-top: 100px;
	   } 

    .twoColLiqLt #footer p {
	margin: 0; /* la mise � z�ro de la marge du premier �l�ment du pied de page permet d'�viter une possible disparition de la marge (espace entre les �l�ments div) */
	padding: 2px 0; /* l'utilisation d'un remplissage pour cet �l�ment cr�e un espace, tout comme une marge l'aurait fait, mais en �vitant le risque de disparition de la marge */
    }
	    .twoColLiqLt #footer a {
	color:#999;
    }
	
	

#footerb {
	clear:both;
	height:120px;
	width:580px;
}
#footerb a {
	color:#999999
}
#footerb {
	/*color: #fff;*/
	left: 20px;
	top:10px;
	color:#CCC;
}

/*********************************************************/
/*********************************************************/
/*********************************************************/


h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


    .twoColLiqLt #container {
	width: 100%;
	/*background: #FFFFFF;*/
		margin: 0 0 0 0;
	border: 0px solid #000000;
	text-align: left;
	height: 99%;
    } 


    /* Conseils pour sidebar1 :

    1. comme nous travaillons en pourcentages, il est pr�f�rable de ne pas utiliser de remplissage lat�ral pour l'encadr�. Pour les navigateurs conformes aux standards, il sera ajout� � la largeur, cr�ant ainsi une largeur r�elle inconnue. 

    2. Pour cr�er un espace entre le c�t� de l'�l�ment div et les �l�ments qu'il contient, attribuez une marge gauche et une marge droite � ces �l�ments, comme dans la r�gle ".twoColLiqLt #sidebar1 p".

    3. Comme Internet Explorer calcule les largeurs apr�s avoir restitu� l'�l�ment parent, des bogues inexpliqu�es peuvent parfois se produire pour les colonnes calcul�es en pourcentage. Pour obtenir des r�sultats plus pr�visibles, il est donc pr�f�rable de dimensionner les colonnes en pixels.

    */

    .twoColLiqLt #sidebar1 {
	float: left;
	width: 33%;
	/*background: #EBEBEB;*/
	padding: 15px 0;
	background-repeat:no-repeat;
	background-position:top right;
	background-image: url(../images/logo.png);
	height: 90%;
	text-align: right;
    }

    .twoColLiqLt #sidebar1 h3, .twoColLiqLt #sidebar1 p {
    	margin-left: 10px;
    	margin-right: 10px;

    }

    

    /* Conseils pour mainContent :

    1. l'espace compris entre les �l�ments mainContent et sidebar1 est cr�� avec la marge gauche de l'�l�ment div mainContent.  Quelle que soit la taille du contenu dans l'�l�ment div sidebar1, l'espace des colonnes reste pr�serv�. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'�l�ment div #mainContent remplisse l'espace de l'�l�ment #sidebar1 lorsque le contenu de ce dernier se termine.

    2. pour �viter une perte de l'�l�ment flottant � la r�solution minimale prise en charge (800 x 600), la taille des �l�ments contenus par l'�l�ment div mainContent doit �tre �gale ou inf�rieure � 430 pixels (images comprises).

    3. dans le commentaire conditionnel pour Internet Explorer ci-dessous, la propri�t� zoom permet de donner � l'�l�ment mainContent l'attribut "hasLayout." Cela �vite l'apparition de plusieurs bogues sp�cifiques d'Internet Explorer.

    */

    .twoColLiqLt #mainContent {
	margin: 0 20px 0 0; /* la marge droite peut �tre indiqu�e en pourcentage ou en pixels. Elle cr�e l'espace dans la partie inf�rieure du c�t� droit de la page. */
    } 

    /* Diverses classes � r�utiliser */

    .fltrt { /* cette classe permet de rendre flottant le c�t� droit d'un �l�ment dans la page. L'�l�ment flottant doit pr�c�der l'�l�ment � c�t� duquel il doit se trouver dans la page. */

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { /* cette classe permet de rendre flottant le c�t� gauche d'un �l�ment dans la page */

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat { /* cette classe doit �tre plac�e pour un �l�ment div ou break et doit �tre l'�l�ment final avant la balise de fin d'un conteneur qui doit contenir enti�rement un �l�ment flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }

     

.float-l {
	float:none
}
.float-r {
	float:left
}
.left {
	width:233px;
	/*background:#E7ECEF;*/
	height:780px
}
.right {
	width:600px;
	height:950px;	/*background:#fff;*/
	padding: 0px 0 0 30px;
}
.righti {
	width:700px;
	height:380px;	/*background:#fff;*/
	padding: 0px 0 0 0px;
}
.righttb {
	width:600px;
	padding: 0px 0 0 40px;
}
.righttbp {
	width:600px;
	padding: 0px 0 0 40px;
}
.righta {
	width:600px;
	padding: 0px 0 0 40px;
}
a {
	text-decoration:none;
	color:#999
}
a:hover {
	text-decoration: underline;
}

#logo {
	/*background:url(images/hdr.jpg);*/
	height:700px
}
#logoph {
	/*background:url(images/hdr.jpg);*/
	height:800px
}

#logoac {
	/*background:url(images/hdr.jpg);*/
	height:400px
}
#logoi {
	/*background:url(images/hdr.jpg);*/
	height:140px
}

#logoa {
	/*background:url(images/hdr.jpg);*/
	height:170px
}
#logo h1 {
	font-size:34px;
	color:#FFFFFF;
}
#logo h1 {
	padding: 30px 0 0 100px;
}
#logo div {
	padding-left:0px
}
#main {
	background:url(../images/567.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:300px;
}
#main-i {
	height:430px;
}

#main h2 {
	font-size:36px;
	/*color:#669900;*/
	padding: 0px 50px 0 50px;
}
#main p {
	padding: 16px 150px 0 20px;
	color:#CCC;
	letter-spacing: 0.08em;
	font-weight:lighter;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
ul#nav {
	background:url(../images/hdl2.png);
	height:176px;
	padding:50px 50px 0 50px
}
ul#nav li {
	line-height:2.1em;
	border-bottom:#fff 1px solid;
}
ul#nav li a {
	color:#FFFFFF
}
#meun {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.09em;
	font-size:8px;
	height:360px;
	width: 130px;
	float: right;
	color:#ffffff;
	padding: 150px 20px 0 0px;
	margin:0;
}
#meun h2 {
	font-size:24px;
	padding:10px 0 0 40px
}
#meun ul {
	font-size:10px;
	padding:0px 0px 0 0px
}
#meun li {
	line-height:1.5em;
	/*border-bottom:#8a8a95 1px solid;
	/*list-style: inside disc;*/
	list-style:none;
	
}
#meun li a:hover {
background-color:#ffffff;
	color:#2d2d3b;
}
#meun li a {
	color:#ffffff;
	text-decoration:none;
}


/*********************************************************/
/*********************************************************/
/*********************************************************/


	/* Show only to IE PC \*/
* html .boxhead {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 0 0 0; /* center for now */
	width: 650px; /* ems so it will grow */
}
.sideboxph {
	margin: 0 0 0 0; /* center for now */
	width: 550px; /* ems so it will grow */
}
.sideboxa {
	margin:0px 0 0 0; /* center for now */
	padding:0px 0 0 0;
	width: 650px; /* ems so it will grow */

}
.boxhead {
}

.boxbody {
	background: url(../images/sbbody-b.png) repeat top left;
	margin: 0;
	padding: 0px 0px 0px;
}

.boxbodytxt {
	margin: 0;
	padding: 20px 0px 10px;
}
.boxbodytxt h2 {
	font-size:36px;
	color:#CCC;
	font-family: "Times New Roman", Times, serif;
	padding: 10px 0px 15px 30px;
	letter-spacing: 0.01em;
	font-style: italic;
}
.boxbodytxt p {
	padding: 0px 30px 10px 30px;
	color:#CCC;
	letter-spacing: 0.08em;
	font-weight:lighter;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
	
.gamme {
	color: #000;
}
.selected {
	background-color:#333;
}


.tbmain2 { 
 /* Changes on the form */
 background: white !important; 
}
.cleft{
  /* Changes on the form */
  color: #f6f6f6 !important; 
  font-family: Verdana !important;
  font-size: 10px !important;
  text-align: right;  
}
td.cleft {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight:bold;
	color:#f6f6f6;
	vertical-align: top;
	text-align: right;
}

td.cright {
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   vertical-align: top;   
   text-align: left;   
}
.tbmain2 {
	color:#333333;
	background:url(../images/style1_bg.gif) #ffffff top repeat-x;
}

.text{
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight:normal;
	color:#333333;
	border:1px #cccccc solid;
	background:url(../images/style1_txt_bg.gif) #cccccc top repeat-x;
}
.btn2{
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight:normal;
	color:#333333;
	border:1px #c6c7ca solid;
	background: #dddddd;
}
.btn{
   font-family: "Trebuchet MS";
   font-size: 11px;
   font-weight:normal;
   color:#333333;
   border:1px #c6c7ca solid;
   background: url(../images/style1_btn_bg.gif) #e4e4e4 top repeat-x;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}




/*    </style>[if IE]>

    <style type="text/css"> 

    /* placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel */

    /*.twoColLiqLt #sidebar1 { padding-top: 30px; }

    .twoColLiqLt #mainContent {
	zoom: 1;
	padding-top: 0px;
	color: #FFF;
}*/

    /* la propri�t� propri�taire zoom ci-dessus transmet � IE l'attribut hasLayout n�cessaire pour �viter plusieurs bogues */

   /* </style>*/

#copyrighti{
	text-align:center;
}