﻿
body
{
padding:0px;
margin:0px;
background-image:url(Images/main-bg.gif);
background-color:#f9f9f9;
background-repeat:repeat-x; font-family:Arial; font-size:12px
}

.main
{
width:925px;
border: 0px solid red; top:150px;
}


.top 
{
width:925px;
height:94px;
left:40px; position:absolute
}

.bandeau
{
float:left;
position:absolute;
height:90px;
background-image:url(Images/fond_menu.jpg);
background-repeat:no-repeat; background-position:left ; width:925px; position:absolute; top:110px; left:40px
}


.menu {height:90px; padding-left:50px; padding-top:20px }
.menu li {list-style:none;text-transform:uppercase; text-align:center;  float:left;}
.menu li a {color:#fff; font-size:17px;text-decoration:none;}
.menu li a:hover {color:#e95e12;}
.menu ul {margin-top:10px; width:900px; text-align:center}
.points { padding-left:20px; padding-right:20px; padding-top:10px }




.big-bandeau
{
border:0px solid green; 
}
.bandeau-orange
{
float:left;
height:227px;
width:25px;
background-image:url(Images/left-orange.gif); top: 200px;  position:absolute
}
.bandeau-noir
{
float:left;
height:227px;
width:231px;
background-color:#FFF; top: 200px; left:65px; position:absolute
}
.banniere
{
float:left;
width:672px;
height:227px; top: 200px; left:295px; position:absolute
}
.gray-container
{
float:left;
width:925px;
height:395px;
background-color:#bebebe; top: 427px; position:absolute; left:40px
}



.bandeau-bas
{
float:left;
width:925px;
height:49px;
background-image:url(Images/ombre_bas.jpg); position:absolute; top:100px
}



.footer
{
float:left;
width:925px;
height:38px;
font-family:Arial;
font-size:12px;position:relative; top:600px
}
.Copyright 
{
	color:#544e4d; 
	background-color:#b5b4b4; 
	background-image:url(Images/ombre_bas.jpg); 
	background-repeat:no-repeat; 
float:left;
width:929px;
height:49px; left:38px;
	font-size:10px; 
	text-align:center;
	top:800px; 
	position:absolute; }

.Copyright a, .Copyright a:visited
{
text-decoration:none; color:#544e4d; font-size:10px; 
}



.logo
{
margin-top:10px;
background-image:url(Images/logo.png);
width:240px;
height:63px;
background-repeat:no-repeat;
float:left;
}
.logo_ul
{
float:left;
margin-left:290px;
}
#menu_1
{
margin-top:50px;
float:left;
list-style:none;
margin-left:20px;
}
.link_m
{
color:#FFF;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

.link_m:hover
{
color:#e95e12;
}
.promo
{
border:0px solid red;
height:67px;
width:231px;

}
.ImgPomo{ width:233px; height:228px}
.package
{
border:0px solid gray;
padding-left:0px;
}
.com{ vertical-align:top;}



.Boutons { float:right; color:#D2D2D2; font-size:10px; padding-top:5px; padding-right:10px; position:relative}



.ColonneGauche { border-right:solid 1px #D2D2D2;width:247px; float:left;height:395px; padding-left:6px;text-align:left;}

.login{top: 30px; left:200px; float:right; position:relative}
.login_accueil {top: 30px; left:5px; float:left; position:relative; height:170px}

.TBLogin { color:#000; font-size:9px; width:80px; border:solid 1px #D2D2D2; }
.LoginBouton { float:right; width:30px; height:23px;}
.Login td {  vertical-align:baseline; width:24px;
             font-size:10px; font-weight:bold; text-align:right; width:85px; display:block; vertical-align:top}
.TxtForm { text-align:right; color:#FFF;font-size:9px;}
.TxtForm1 { text-align:right; color:#544e4d;font-size:9px;}

.container
{
float:left;
width:650px;
height:390px;
background-color:#bebebe;
font-size:11px; color:#544e4d; line-height:15px; text-align:left; padding-left:10px; padding-top:10px }

.container p {margin:10px 10px 10px 10px;}
.ListeUL { padding-left:20px}



.bloc_emploi { text-align:center;top:150px;position:static}
.bloc_client {font-size:11px; color:#544e4d; line-height:15px; text-align:left; padding-right:5px; width:250px; }



.sousmenu
{
margin-left:10px;
list-style:none; 
}
.sousmenu li
{
margin-top:5px;
list-style:none;
margin-left:5px;
background-image:url(Images/pucetitre.gif); 
background-repeat:no-repeat; 
background-position:top left; padding-left:20px;
display:block
}
.sousmenu li a
{
color:#eb6c1d;
font-size:16px;
text-decoration:none;
font-weight:bold
}

.sousmenu li a:hover, a:visited
{
color:#595452;
}



.Contenu { text-align:justify}
/*.Tableaux { height:390px; padding-left:7px;}*/
.TabPromo {border-right:solid 1px #D2D2D2; height:390px; padding-left:7px;}
.ImgPages{ padding-left:10px; width:150px; height:110px; }
.ImgRef {margin-left:10px; width:150px; height:110px; margin-bottom:12px;
	background-image:url(Images/ombre_photos.jpg); 
	background-repeat:no-repeat; padding-bottom:12px; 
	background-position:bottom; border-top:solid 1px #D2D2D2;
	
	}

.Bouton { background-color:#544e4d; color:#FFF; width:75px}
.TBContact { border: solid 1px #544e4d}

h1 {font-size:22px; color:#e95e12;
	background-image:url(Images/pucetitre.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	padding-left:25px; margin-top:20px; 
	margin-bottom:-10px; display:block; height:25px; padding-top:2px }

h2 {font-size:18px; color:#544e4d;
	text-transform: uppercase; 
	background-image:url(Images/pucetitre.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	padding-left:25px;   }
h6{ font-size:17px; color:#e95e12;}




a {color:#544e4d; font-size:12px; text-decoration:none}
a:hover {color:#544e4d; text-decoration:underline}

/*
.tdd
{
	font-size:10px;color:#eb6c1d; padding-left:100px
}
	
.tdd a:hover
{
	color:#eb6c1d;
}
*/

.eheance
{ width: 150px; height: 180px}
	
	.calendarHide
{
	display: none;
	position: relative;
}
.calendarShow
{
	position: absolute;
	z-index: 0;
	background-color: Silver;
}
.commentaire{ font-family:Arial; font-size:12px; padding:10px;left:100px; position:relative }