/* CSS Document */

body {
margin: 0;
padding: 0;
text-align: center;
background-image:url(../img/ultimate_bg.jpg);
background-repeat:repeat-x;
}

img {border:0px;}


/***************************************************************************************************************
*****************************  |||  STRUCTURE  ||| *************************************************************
***************************************************************************************************************/
#global
{
position: relative;
margin-left: auto;
margin-right: auto;
width:800px;
text-align: left; /* on rétablit l'alignement normal du texte */
}

#blanc
{
background-color:#FFFFFF;
}

#header
{ 
width:800px;
height:175px;
margin-bottom:10px;
background-color:#FFFFFF;
}

#lefthand
{
width:140px;
/*height:800px;*/
background-color:#FFFFFF;
float:left;
}

#righthand
{
width:158px; /* 158 + bordure de 2px = 160 */
background-color:#ECEDEE; /* gris clair */
border-right:2px solid #C0C2C3; /* gris fonce */
border-bottom:2px solid #C0C2C3;
float:right;
}

#footer
{
clear:both;
vertical-align: top;
width:800px;
height:24px;
background-color:#DF0A11;
}

/* ||||||||||||||||||||||||||||||||||| elements structurels pages sur 2 COLONNES ||||||||||||||||| */

#conteneur {
position: relative;
width: 800px;
margin: 0 auto;
text-align: left; 
background-color:#FFFFFF;
}

#gauche {
position: absolute;
left:0px;
top:185px;
width:140px;
height:420px;
}

.ecart
{
padding-left: 80px;
padding-right: 60px;
}

.gd_ecart
{
padding-left: 160px;
padding-right:50px;
padding-top:30px;
margin-bottom:30px;
}



/***************************************************************************************************************
*****************************  |||  Mise en forme générale des TEXTES  ||| *************************************
***************************************************************************************************************/

p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px; 
}

#footer p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
text-align:center;
padding-top:3px;
}

#footer p a
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
padding-top:3px;
text-decoration:underline;
}

.classic
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}

.classic li
{
font-weight:bold;
color:#DF0A11;
}

.red
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#DF0A11;
line-height:1.3em;
}

.liste_rouge
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#DF0A11;
list-style-image: url(../img/square.gif);
margin-left:25px;
/*line-height:1.7em;*/
}

.or
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#714F2F;
}

.or span
{
vertical-align:text-top;
font-size:15px;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#DF0A11;
}

/***************************************************************************************************************
*****************************  |||  Menu navigation gauche  ||| *************************************
***************************************************************************************************************/

.menu
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
width:120px;
margin-left:20px;
}


.menu dt
{
display:block;
margin:0px;
padding:0px;
color:#000000;
background-color:#FFFFFF;
padding-bottom:5px;
border-top:1px dotted #000000;
}

.menu dt:hover
{
background-color:#DF0A11;
}

.menu a
{
margin:0px;
padding:0px;
color:#000000;
text-decoration:none;
}

.menu a:hover 
{
color:#DF0A11;
text-decoration:none;
}



/***************************************************************************************************************
*****************************  |||  Menu navigation gauche SEARCH N GO  ||| *************************************
***************************************************************************************************************/

*{margin: 0; padding: 0;}

#symain { position: relative; width:120px; margin: 0 auto; text-align: left;}

/* Layout */
#syleft {width:120px;} /* width ici donne la largeur du menu ...  la version originale de cette CSS indiquait "float:left;"; si pb, voir à remettre ça...*/



/* Menu */
.symenu {list-style: none; border-top: 1px dotted #000; margin: 0 0 0 0; padding: 20px 0px 20px 0px; padding: 0px !important; width:100%; line-height: 18px; font-family:Arial, Helvetica, sans-serif; color: #666; font-size:10px;}
.symenu li {border-bottom: 1px dotted #000;}
.symenu ul {display: none; list-style: none;}
.symenu ul li {border-top: 1px solid #ccc; border-bottom: none;}
.symenu a {display: block; padding: 0 0 0 0; list-style: none; color: #CE0C0C !important; text-decoration: none; font-size:10px;} /* CE0C0C : couleur du texte sur le menu */
.symenu a.undera {color: #707172 !important; background: #ECEDED; border-bottom: 1px dotted #9C9D9F; border-top: 1px dotted #9C9D9F; font-size:10px;}
.symenu a.underb {color: #707172 !important; background: #FFFFFF; font-size:10px;}
.symenu a.underprez {color: #707172 !important; background: #FADCDE; border-bottom: 1px dotted #9C9D9F; border-top: 1px dotted #9C9D9F;}
.symenu ul li a {padding: 0 20px 0 28px;} 
.symenu ul ul li a {padding: 0 20px 0 38px;} 
.symenu a:hover {color: #000; background: #DBDCDE;} /* CCC1AB estant la couleur de fond du menu au survol ... */
.symenu a.undera:hover {color: #000; background: #C5C7C8;}
.symenu a.underb:hover {color: #000000; background: #C5C7C8;}
.symenu ul li a:hover {color: #000; padding: 0 20px 0 28px;} 
.symenu ul ul li a:hover {color: #000; padding: 0 20px 0 38px;} 
/*.symenu a:visited {color: #CE0C0C !important;}*/

.clear {clear:both;height:1px;overflow:hidden;}