@charset "utf-8";
body  {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #535252;
}
a {
	color: #333;
	;
	text-decoration: none;
}
a:link {
	color: #005288;
	text-decoration: underline;
}
a:visited {
	color: #005288;
	text-decoration: underline;
}
a:hover {
	color: #005288;
	text-decoration: none;
}


#container { 
	width: 780px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
} 

.hauth { width: 780px; height: 47px; background-image: url(../images/hauth.jpg); }
.hauth ul { list-style: none; margin: 0 18px 6px; padding-top: 20px ; padding-left: 345px; }
.hauth li { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
.hautm { width: 780px; height: 258px;  }
.hautb { width: 780px; height: 47px; background-image: url(../images/hautb.jpg); }
.hautb ul { list-style: none; margin: 0 18px 6px; padding-left: 242px; }
.hautb li { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }



.sidebar1 {	float: left; width: 261px; background-image:url(../images/lineg.gif); background-repeat: repeat-y; }
#enteteg { width: 261px; height: 45px; background-image: url(../images/bannerg.gif); }
#m1 { width: 261px; height: 45px; background-image: url(../images/m1.gif); }
#m2 { width: 261px; height: 45px; background-image: url(../images/m2.gif); }
#m3 { width: 261px; height: 45px; background-image: url(../images/m3.gif); }
#m4 { width: 261px; height: 45px; background-image: url(../images/m4.gif); }
#e2 { width: 231px; height: 25px; background-image: url(../images/e2.gif); }
#enteted { width: 235px; height: 48px; background-image: url(../images/bannerd.gif); }
#entetel { width: 481px; height: 48px; background-image: url(../images/banlong.gif);padding-right: 30px; background-repeat: no-repeat; }
#text_ent { padding-top: 7px;padding-left: 50px;padding-bottom: 0px;font-size: 100%;font-weight:bold;color: #303030; }
#text_entd { padding-top: 7px;padding-left: 20px;padding-bottom: 0px;font-size: 115%;font-weight:bold;color: #303030; }
#condition {  padding-left: 45px;padding-bottom: 5px;	color: #535252; line-height: 120%;clear:both;}
#envoie {  padding-left: 40px;padding-bottom: 5px;	color: #535252; line-height: 120%;clear:both; }
#texte1 { text-decoration: underline;color: #535252; font-weight:bold}

#mainContent { 	float: left;	} 
#mainContent2 {  width: 460px; float: right; padding-right: 30px;} 

#footer { background-image: url(../images/bas.gif); width: 780px; height: 27px; text-align:center; font-size: 9px;padding-top: 2px;} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#ouverture 
{
	padding-left: 5px;
}
#cold 
{
	padding-left: 40px;
	text-align:center; 
}
.centre 
{
	padding-left: 65px; 
}
.activite 
{
	padding-left: 40px;
	width:200px;
	color: #535252;
}

#colg 
{
	float: left;
	padding-left: 10px;
}
#colg2 
{
	float: left;
	padding-left: 10px;
	padding-top: 40px;
}

#ind1 
{
	width: 235px;
	height: 48px;
	background: url(../images/bancentred.gif) no-repeat;
}
#ind2 
{
	width: 235px;
	height: 48px;
	background: url(../images/bancentred.gif) no-repeat;
}
#ind3 
{
	width: 235px;
	height: 48px;
	background: url(../images/bancentreg.gif) no-repeat;
}
#ind4 
{
	width: 235px;
	height: 48px;
	background: url(../images/bancentreg.gif) no-repeat;
}
.content 
{
	padding-left: 30px;
}
.content2 
{
	padding-left: 30px;
}
.content  table{border: 1px solid #000;border-collapse:collapse}
.content  td{border: 1px solid #000;border-collapse:collapse}

#img1 
{
	padding-left: 20px;
	padding-bottom: 10px;
}
#im2 
{
	padding-left: 30px;
}
#im4 
{
	padding-left: 30px;
	padding-top: 10px;
}
#im3 
{
	padding-left: 10px;
	padding-right: 20px;
	   	text-align: Justify;

}
.text1 
{
	padding-left: 5px;
	padding-bottom: 20px;
    width: 220px;
	text-align: Justify;

}
.text2
{
	padding-bottom: 5px;
    width: 400px;
	text-align: Justify;
}
.text3
{
	padding-left: 20px;
	padding-bottom: 10px;
    width: 450px;
	text-align: Justify;
	color: #535252;
}
#haut
{
	padding-left: 30px;

}
#im5 
{
	float:right;
	padding-right: 20px;
}

