@charset "utf-8";

 p{}

body{
text-align:center;
background: url(../image/body_bg.jpg) no-repeat top center;
margin:0px;
padding:0px;
width:100%;
height:980px !important;
height:1100px;
color:#FFFFFF;
font-family:Calibri;
font-size:12px;

}



body a{ color:#FFFFFF; text-decoration:none;}
body a:hover{ color:#FFFFFF; text-decoration:none;}
#wrapper{
width:642px;
margin-right:auto;
margin-left:auto;
margin-top:142px ;

}

#header{

height:195px;

}

#header_logo{
height:195px;
width:176px;
background:url(../image/logo.jpg);
float:left;

}

#header_right{
height:195px; 
width:466px; 
float:left;  
background:url(../image/header_right_bg.jpg) no-repeat right; 
}


#recherche{
margin-top:29px;

background:url(../image/form_search_bg2.jpg) no-repeat;
width:207px;
height:60px;
float:right;

}

#recherche_field{
background:url(../image/search_bg.jpg) no-repeat;
width:117px;
_width:107px;
*width:107px;
height:25px;
border:none;

margin-top:9px;
text-align:left;
padding-left:10px;
 
color:#FFFFFF;
float:left;
margin-left:18px;
padding-right:10px;
_padding-left:20px;
*padding-left:20px;
}

#recherche_bt{
background:url(../image/bouton_search.jpg) no-repeat; 

width:27px;
height:25px;
border:none;
margin-left:-10px;

padding-left:10px;
margin-top:7px;
border-width:0px;
float:left;

}

#topmenu {
margin:0;
padding:0;

text-align:center;
height:45px;
margin-left:23px;
}
#topmenu ul {
margin:0;
padding:0;
}
#topmenu li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none; z-index:5000
}
#span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/topmenu_right.jpg) no-repeat scroll right top;
color:#fff;
cursor:pointer;
display:inline-block;
height:48px;
line-height:48px;
padding:0 10px 0 10px;
}
#span2{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/topmenu_right2.jpg) no-repeat scroll right top;
color:#fff;
cursor:pointer;
display:inline-block;
height:48px;
line-height:48px;
padding:0 10px 0 10px;
}

.menup{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../image/topmenu_left.jpg) no-repeat scroll left top;
cursor:pointer;
display:inline-block;
font-size:10px;
height:50px;
margin:0 2px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
font-size:14px;
font-weight:bold;
}
.menup:hover {
background-position:0 -42px;
background:transparent url(../image/topmenu_left_hover.jpg) no-repeat scroll left top;
color:#2061d3;
}
.menup:hover #span {
background-position:100% -42px;
background:transparent url(../image/topmenu_right_hover.jpg) no-repeat scroll right top;
color:#2061d3;
}
.menup:hover #span2 {
background-position:100% -42px;
background:transparent url(../image/topmenu_right_hover2.jpg) no-repeat scroll right top;
color:#2061d3;
}



/**/
.menu{ clear:both;}
ul.menu ul{display:none; }
ul.menu li:hover>ul{display:block;}
ul.menu ul{position: absolute;left:0px; top:50px; }

 
ul.menu li:hover{
	position:relative;
}
 
ul.menu li a:hover{
	position:relative;
	
}
 
ul.menu a:hover ul{display:block;background:none}



.sousmenu{

cursor:pointer;
display:inline-block;
font-size:10px;
height:20px;
margin:0 2px!important;
margin:0 0px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
font-size:14px;
font-weight:bold;

background:#3d8cb9 none repeat scroll 0 0;
color:#FFFFFF;

text-align:left;
text-decoration:none;
width:130px;
-moz-opacity:0.8;

opacity: 0.8;

filter:alpha(opacity=80);


}
.sousmenu:hover  {
cursor:pointer;
display:inline-block;
font-size:10px;
height:20px;
margin:0 2px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
font-size:14px;
font-weight:bold;

background:#076ca5 none repeat scroll 0 0;
color:#FFFFFF;

text-align:left;
text-decoration:none;
width:130px;
color:#fff;
-moz-opacity:0.9;

opacity: 0.9;

filter:alpha(opacity=90);


}

/**/

#content_top{

margin-left:25px;
padding-top:10px;
clear:left;
}


#content_top2{

margin-left:25px;
padding-top:0px;
height:300px !important;
height:300px;
 
}



#content_top3{

margin-left:25px;
padding-top:0px;
 
 
}

#content_top_left{
background:url(../image/top_content_left_bg.jpg) no-repeat;
float:left;
margin-top:24px;
width:278px;
height:160px;
}

#content_top_left4{
 
float:left;
margin-top:24px;
width:278px;
height:160px;
}


#content_top_right{
background:url(../image/content_right.jpg) no-repeat;
width:331px;
height:184px;
float:left;

}
#content_top_right2{
background:url(../image/photo.jpg) no-repeat;
width:178px;
height:206px;
float:left;
margin-left:70px;
margin-top:50px;

}
#content_middle{
margin-left:25px;

}


#content_middle_tr{
margin-left:25px;
margin-top:50px!important;
margin-top:0px;

}

#content_middle_ct{
margin-left:25px;
margin-top:110px!important;
margin-top:100px;

}


#content_middle_n{
margin-left:0px;
margin-top:250px!important;
margin-top:250px;

}


#content_middle_left{ 
background:url(../image/content_middle_left.jpg);
width:290px;
height:173px;
float:left;}
#content_middle_right{
background:url(../image/content_middle_right.jpg);
width:291px;
height:173px;
float:left;
}

#content_bottom{ margin-left:25px;}
#newsletter{ float:left;
 background:url(../image/news_letter_bg.jpg) no-repeat; 
 width:190px;
height:123px;
margin-right:4px;
 }
 
 
 
#newsletter_f{
margin-top:29px;

 
 

}

#newsletter_field{
background:url(../image/bg_email.jpg) no-repeat;
width:117px;
_width:107px;
*width:107px;
height:25px;
border:none;

margin-top:9px;
text-align:left;
padding-left:10px;
  

color:#FFFFFF;
float:left;
margin-left:10px;
 _padding-left:20px;
*padding-left:20px;

}

#newsletter_bt{
background:url(../image/bouton_ok.jpg) no-repeat; 

width:38px;
height:50px;
border:none;
 

 
margin-top:10px;
border-width:0px;
float:left;

}


#news{ float:left;
 width:190px;
height:123px;
background:url(../image/news_bg.jpg) no-repeat;
 
padding-left:5px;

padding-top:28px;
text-align:left;
}
#news a{ margin-right:10px;}
#nosvisite{
 float:left;
 width:189px;
height:123px;
background:url(../image/nos_visites_bg.jpg) no-repeat;


padding-top:25px;
text-align:left}
#nosvisite ul{ list-style: url('../image/puce.jpg') ; padding:3px; padding-left:20px; margin:0px; list-style-position:outside;}

#nosvisite li{ line-height:15px;}

#nosvisite a,#nosvisite a:hover,#nosvisite a:active{ color:#FFFFFF; text-decoration:none;}

 


#footer {
	margin:0;
	padding:0;
	margin-left:20% !important;
	margin-left:10%;
	text-align:center;
	margin-top:10px!important;
	margin-top:11px;
	float:left!important;
	float:none;
	width: 70%;
}



#footer ul {
margin:0;
padding:0;
}
#footer li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#footer span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

color:#fff;
cursor:pointer;
display:inline-block;

padding:0 2px 0 2px;
}
#footer a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

cursor:pointer;
display:inline-block;
font-size:10px;
height:20px;
margin:0 0px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
line-height:15px;
}
#footer a:hover {
background-position:0 -42px;

color:#2061d3;
}
#footer a:hover span {
background-position:100% -42px;

color:#2061d3;
}

span#separateur{ background:url(../image/separateur2.jpg) no-repeat center ; width:0px; height:20px; float:left;_float:none;*float:none; line-height:20px;}


/**/



#footer_contact {
margin:0;
padding:0;
margin-left:120px;
text-align:center;

height:20px;

float:left!important;
float:none;
}

#footer_contact ul {
margin:0;
padding:0;
}
#footer_contact li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#footer_contact span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

color:#fff;
cursor:pointer;
display:inline-block;

padding:0 2px 0 2px;
}
#footer_contact a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

cursor:pointer;
display:inline-block;
font-size:10px;
height:20px;
margin:0 0px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
line-height:15px;
}
#footer_contact a:hover {
background-position:0 -42px;

color:#2061d3;
}
#footer_contact a:hover span {
background-position:100% -42px;

color:#2061d3;
}



 /**/
 
 
 
/**/



#footer_gal {
margin:0;
	padding:0;
	margin-left:20% !important;
	margin-left:10%;
	text-align:center;
	margin-top:10px!important;
	margin-top:36px;
	float:left!important;
	float:none;
	width: 70%;
}

#footer_gal ul {
margin:0;
padding:0;
}
#footer_gal li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#footer_gal span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

color:#fff;
cursor:pointer;
display:inline-block;

padding:0 2px 0 2px;
}
#footer_gal a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

cursor:pointer;
display:inline-block;
font-size:10px;
height:20px;
margin:0 0px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
line-height:15px;
}
#footer_gal a:hover {
background-position:0 -42px;

color:#2061d3;
}
#footer_gal a:hover span {
background-position:100% -42px;

color:#2061d3;
}



 /**/
 
 
 
 
 

#footer_tr{
margin:0;
margin-top:5px;
padding:0;
margin-left:120px;
text-align:center;
 
height:20px;

float:left!important;
float:none;
}

#footer_tr ul {
margin:0;
padding:0;
}
#footer_tr li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#footer_tr span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

color:#fff;
cursor:pointer;
display:inline-block;

padding:0 2px 0 2px;
}
#footer_tr a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

cursor:pointer;
display:inline-block;
font-size:10px;
height:20px;
margin:0 0px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
line-height:15px;
}
#footer_tr a:hover {
background-position:0 -42px;

color:#2061d3;
}
#footer_tr a:hover span {
background-position:100% -42px;

color:#2061d3;
}

/*
*/

#footer_qsn{
margin:0;
padding:0;
margin-left:120px;
text-align:center;
margin-top:5px!important;
margin-top:5px ;
height:20px;

float:left!important;
float:none;
}

#footer_qsn ul {
margin:0;
padding:0;
}
#footer_qsn li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#footer_qsn span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

color:#fff;
cursor:pointer;
display:inline-block;

padding:0 2px 0 2px;
}
#footer_qsn a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

cursor:pointer;
display:inline-block;
font-size:10px;
height:20px;
margin:0 0px;
padding:0 0 0 2px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
line-height:15px;
}
#footer_qsn a:hover {
background-position:0 -42px;

color:#2061d3;
}
#footer_qsn a:hover span {
background-position:100% -42px;

color:#2061d3;
}
div span a,div span a:hover,div span a:active{ color:#FFFFFF; text-decoration:none;}

#copyright{ float: right; margin-right:20px; margin-top:16px!important;margin-top:1px; border:none}
#copyright_qsn{ float: right; margin-right:20px; margin-top:26px!important;margin-top:1px; border:none}
#copyright_tr{ float: right; margin-right:20px; margin-top:11px!important; margin-top:6px; border:none}
#copyright_ct{ float: right; margin-right:20px; margin-top:16px!important; margin-top:7px; border:none}
#copyright_sidibou{ float: right; margin-right:20px; margin-top:26px!important; margin-top:9px; border:none}
#copyright_ca{ float: right; margin-right:20px; margin-top:25px!important; margin-top:2px; border:none}
#copyright_bardo{ float: right; margin-right:20px; margin-top:26px!important; margin-top:9px; border:none}
#copyright_medina{ float: right; margin-right:20px; margin-top:26px!important; margin-top:0px; border:none}
#copyright_ga{
	float: right;
	margin-right:20px;
	margin-top:16px!important;
	margin-top:4px;
	border:none
}

#qdig{ float:left}

#flag{  width:270px; float:right; margin-top:50px}

/*
*/