/* CSS Document */

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
@charset "utf-8";
	
a:link 
  {color: #646565; 
  text-decoration: none; 
  background-color: transparent }
a:visited 
  { color: #5f6062; 
  text-decoration: none; 
  background-color: transparent }
a:hover 
  { color: #73b22d; 
  text-decoration: underline; 
  background-color: transparent }
a:active 
  { color: #900; 
  text-decoration: underline; 
  background-color: transparent }
  

body{
background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;
color: #4f4f4f;
font: normal 82.5% Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; 
background:#fff url(../img/fond.jpg) repeat-x
}

 img {border: 0;}
 
#page {
	padding: 0;	
	margin: 0 auto;
	text-align: left;	
	width:1000px;
}

#main{width:1000px;margin:0 auto;}
#logo {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 280px; top: 80px;}
#parc {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 340px; top: 248px; 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff64f), to(#ffcc01));
background: -moz-linear-gradient(top, #fff64f, #ffcc01);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff64f, endColorStr=#ffcc01);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff64f, endColorStr=#ffcc01);
display:inline-block;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #a3a3a3;


color: #4a4a49;
font-size: 13px;;
padding: 5px 5px;
border-image: initial;
border:#666 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

}
#parc2 {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 280px; top: 218px; 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#73b22d), to(#598c27));
background: -moz-linear-gradient(top, #73b22d, #598c27);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b22d, endColorStr=#598c27);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b22d, endColorStr=#598c27);
display:inline-block;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #a3a3a3;

 text-decoration: none; 
color: #fff;
font-size: 13px;;

padding: 5px 5px;


border-image: initial;
border:#666 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

}
#nouveautes {	display:block;	text-align: center;margin-right: auto; margin-left: auto;	position: absolute;	left: 400px; top: 300px;}
#drapeauF {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 666px; top: 25px; z-index: 10;}

#drapeauGB {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 696px; top: 25px; z-index: 10;}
#drapeauD {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 726px; top: 25px; z-index: 10;}
#drapeauNL {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 756px; top: 25px; z-index: 10;}

.opaciteDrapeau
{
opacity: 0.4;
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
filter: alpha(opacity=40);
}

.opaciteDrapeau:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}


#velo {	display:block;	text-align: left;margin-right: auto; margin-left: auto;	position: absolute;	left: 670px; top: 0px; z-index:5}
#cercle1 {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 190px;
	top: 291px;
	/*z-index:40; */
}
#cercle2 {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: -33px;
	top: 138px;
	/*z-index:30; */
}
#cercle3 {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 332px;
	top: 399px;
	/*z-index:50; */
}

#header{height:73px;margin-top:15px; position:relative; }		
#banniere{width:1000px;height:354px; background:url(../img/banniere.jpg) no-repeat;clear:both; margin-bottom:-19px;}	
		

#content {
	position:relative;
	height:auto;	
	padding:20px 20px 20px 20px;
	margin:90px 0 0 150px;
	border:#73b42e solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	width:650px;
	/*z-index:60; */
	background-color:#FFF;
	
}

#content2 {
	position:relative;
	height:auto;	
	padding:20px 20px 20px 20px;
	margin:90px 0 0 50px;
	border:#73b42e solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	width:850px;
	z-index:60;
	background-color:#FFF;
	
}

#content2bis {	
	height:auto;
	position:relative;
	padding:20px 20px 20px 20px;
	margin:90px 0 0 50px;
	border:#73b42e solid 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	width:920px;
	/*z-index:60; */
	background-color:#FFF;
	overflow:hidden; 
	
}


#content span{font-size:14px;color:#73b22d;padding-left:6px;padding-right:6px}


#menu {float:left;margin-left:0px}
/*#menu {width:650px;float:left;margin-left:0px}*/


ul.menu_back {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	float: left;
	clear: left;
}

ul.menu_back li {
	float: left;
}

ul.menu_back li a {
	border: 0;
/* background-color: #ffde23; */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff64f), to(#ffcc01));
background: -moz-linear-gradient(top, #fff64f, #ffcc01);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff64f, endColorStr=#ffcc01);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#fff64f, endColorStr=#ffcc01);
display:inline-block;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #a3a3a3;


color: #4a4a49;
font-size: 13px;;
margin-left: 10px;
padding: 5px 5px;
text-transform: uppercase;
margin-top:10px;
border-image: initial;
border:#666 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}


ul.menu_back li a:hover {
	border: 0;
/* background-color: #ffde23; */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#73b22d), to(#598c27));
background: -moz-linear-gradient(top, #73b22d, #598c27);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b22d, endColorStr=#598c27);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b22d, endColorStr=#598c27);
display:inline-block;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #a3a3a3;

 text-decoration: none; 
color: #fff;
font-size: 13px;;
margin-left: 10px;
padding: 5px 5px;
text-transform: uppercase;
margin-top:10px;
border-image: initial;
border:#666 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

ul.menu_back li a.current {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#73b22d), to(#598c27));
background: -moz-linear-gradient(top, #73b22d, #598c27);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b22d, endColorStr=#598c27);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#73b22d, endColorStr=#598c27);
display:inline-block;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #a3a3a3;

 text-decoration: none; 
color: #fff;
font-size: 13px;;
margin-left: 10px;
padding: 5px 5px;
text-transform: uppercase;
margin-top:10px;
border-image: initial;
border:#666 solid 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}





#cadre1 {
	position: relative;
	margin-top: 200px;
			}

		
div.cadre {
    width: 730px;
	margin-left: 100px;	
	background-color: #FFFFFF;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-box-shadow: 0px 5px 20px #b3bec7;  
	-webkit-box-shadow: 0px 5px 20px #b3bec7;  
	box-shadow: 0px 5px 20px #b3bec7;	
	padding-left: 30px;
	padding-right: 30px;
		
}

#middle { 
height:400px;
overflow-x:hidden;
overflow-y:auto;
width:700px;
margin-left:10px;
margin-top:15px;

 
 }
 
.ui-widget-header { border: 1px solid #0f779c; background: #35add8 url(images/ui-bg_highlight-soft_75_35add8_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
 
#pied-page{
    position:relative;
	margin-top:20px;
	height:80px;
	width:1000px;
	top:30px;
	text-align:center;
	border-top: 1px solid #E5E5E5;
	padding: 10px 0px 0px 0px;
}

#pied-barre{
	margin-top:10px;
	margin-left:-50px;
}



#pied-page a:link,#pied-page a:visited{font-size:12px;text-decoration:none;color:#ffcc01;border-bottom:0}

#pied-page a:hover,#pied-page a:focus,#pied-page a:active{color:#73b22d}

#pied-page span{font-size:14px;color:#73b22d;padding-left:6px;padding-right:6px}

#pied-page #ligne-bas{margin-top:10px}

#ligne-bas a:link,#ligne-bas a:visited{font-size:12px;text-decoration:none;color:#5c5b5b;border-bottom:0}

#ligne-bas a:hover,#ligne-bas a:focus,#ligne-bas a:active{color:#73b22d}


#pied-page texte {
color: #c4b4b4b;
line-height: 1.3;
font: normal 62.5% Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; 
font-size: 12px;
}

/*bloc admin */
#blocadmin {
	display:block;
	width:800px;	
	text-align:center;	
	left:0px;
	background-color:#dddbdc
	}
  
    #images {
	display:block;
	position: relative;
	width: 800px;
	height:30px;
	left:0px;
	}	
	
#gauche {
    float:left;
	psition:relative;
	display:block;
	width:200px;	
	text-align:center;	
	margin-left:10px;
	margin-top: 1px;
	
}
	
#droite {
    float:left;
	display:block;
	width:200px;	
	text-align:left;	
	margin-left:20px;
	margin-top: 1px;
	
}		
  

  
#haut {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1000px;
	height:300px;	
}




#piedpage {
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top:20px;		
}


#pubhaut {
    position: absolute;
	display:block;	
	width: 726px;
	height:90px;
	top:40px;
	left:270px;	
}

#imprimoccas {
	display:block;	
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 750px;
	top:10px;
	width: 200px;
		}

#searchcontent{
background-image:url(../images/rechercher-haut.jpg);
background-position:left top;
background-repeat:no-repeat;
overflow:hidden
;padding-bottom:2px
;padding-left:8px
;padding-top:2px
;position:absolute
;top:139px;
left:810px;
height:28px;
;width:184px;
z-index:50;
}

#searchcontent INPUT{
	color:#ed7a00;
	background-color:transparent;
	border:none;
	font-size:1.2em;
	font-weight:700;
	margin-top:3px;
	margin-left:5px;
	width:120px
}
#searchcontent BUTTON{
background-color:transparent;
border:none;
cursor:pointer;
height:20px;
position:absolute;
left:150px;
text-indent:-9999px;
top:7px;
width:20px;
padding:0}

#menuhaut {
	display:block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1000px;
	height:30px;	
}

#menuhauttexte {
	display:block;
	width: 1000px;
	height:15px;
	top:8px;
	background-color:#4d72a9;
}

#sitepage {	
	background: #FFF url(http://webcat.fr/flash66/images/back.png) repeat-y center top;
	}


#corps {
	position: relative;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
/*	margin-top: 20px; */
	display:block;
	width: 1000px;	
	}
	
	#accueil-gauche {
	display:block;	
	text-align: left;
	float:left;
	margin-right: auto;
	margin-left:5px;
	margin-top: 3px;
	position: relative;	
	width: 610px;	
	}
	
	#accueil-gauche1 {
	display:block;	
	text-align: left;
	float:left;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
	width: 610px;	
	}
	
	
	#boite_news{
	display:block;
	width: 520px;	
	position: absolute;
	left: 60px;
	top: 75px;
	}
	
	#droite {
	display:block;	
	text-align: left;
	float:left;
	margin-right: auto;
	margin-left: auto;	
	position: relative;
	margin-left:10px;
	width: 350px;	
	}


	


	#contact {
	display:block;	
	text-align: left;	
	margin-right: auto;
	margin-left: 15px;
	position: relative;	
	width: 897px;
/*	height: 470px; */
	background-image: url(http://xambili.com/images/contact.png);
    background-repeat: repeat-x;	
	background-color:eeeeee;	
	}
	
		#pied {
	display:block;	
	text-align: left;	
	margin-right: auto;
	margin-left: auto;
	position: relative;	
	width: 1000px;
	height: 130px;
	background-image: url(http://xambili.com/images/pied.png);
    background-repeat: repeat-x;	
	background-color:eeeeee;	
	}
	
	






#menutexte {    
	width: 180px;
	position: relative;	
	left:30px;
	top:10px;
	text-align:justify;
		}

.lien_menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #f6d2ac;
	font-style: normal;
	text-decoration: underline;
	text-align:right;
}

.lien_menu:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	background-color: #a7c1d8;
}

#basgauche{
	display:block;
	float:left;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 250px;
	height:300px;
	background-color:#a7c1d8;
}

#basmilieu{
	display:block;
	float:left;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 400px;
	height:300px;
	background-color:#a7c1d8;
}


#bastexte {    
	width: 360px;
	position: relative;	
	left:20px;
	top:10px;
		}

#bastexte1 {  
    width: 360px;
	position: relative;	
	left:20px;
	top:10px;		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #5c7089;
	font-style: normal;
	font-weight: normal;
			}

#bastexte2 { 
    width: 360px;
	position: relative;	
	left:20px;
	top:20px;	
	text-align:justify;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #5c7089;
	font-style: normal;
	font-weight:normal;
		}

#bastexte3 { 
    width: 360px;
	position: relative;	
	left:20px;
	top:25px;		
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #5c7089;
	font-style: normal;
	font-weight: normal;
			}




#images {
	display:block;
	position: relative;
	width: 775px;
	height:30px;
	left:50px;
	}


#cache {
	
	position: absolute;
	/* top: 401px;
	left: 875px; */
	top: 70px;
	left: 848px;
	z-index:10;
	}


/* Style pour la page de contact   ------------------------------------------------------------------------------------------------ */

.texte_contact {
	font-size:13px;
	color:#414141;
	margin:10px;
	}

.input_contact {
	border:1px solid #000000;
	background:url(../images/back_gris.png) repeat-x;
	padding: 4px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	width:300px;
	}	

.bouton {
  float:left;
	background:url(http://xambili.com/images/bouton-rouge.png) repeat-x #FFFFFF;
	width:170px;
	height:35px;
	font-size:12px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	line-height:35px;
	margin:10px 0 0 0;
	}
.bouton:hover {
	background:url(../images/bouton-gris.png) repeat-x #FFFFFF;
	color:#fff;
	}

			
.piedfonce {font-size: 14px; font-weight: bold; font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;"; color: #5c7089}
.piedmoinsfonce {font-size: 12px;  font-family: "Verdana, Geneva, Arial, Helvetica, sans-serif;"; color: #5c7089}	

.
.styleh1 {font-size: 20px;  font-weight: bold; color: #0370ad; }
.styleh2 {font-size: 13px;  font-weight: bold; color: #0370ad; }
.styleh3 {font-size: 12px;  color: #0370ad; }
.styleh4 {font-size: 11px;  color: #0370ad; }


.styleorange13 {font-size: 13px;  font-weight: bold; color: #e67817; }
.styleorange11 {font-size: 11px;  font-weight: bold; color: #e67817; }

.blanc10 {font-size: 10px;  font-weight: bold; color: #FFFFFF; }
.blanc12 {font-size: 12px;  font-weight: bold; color: #FFFFFF; font: Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;  }
.blanc13 {font-size: 13px;  font-weight: bold; color: #FFFFFF; }
.blanc18 {font-size: 18px;  font-weight: bold; color: #FFFFFF; font: Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;  
}
.blanc14 {font-size: 14px;  font-weight: bold; color: #FFFFFF; font: Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;  
}
.blanc14 a:link{ color:#FFFFFF}
.blanc14 a:visited{ color:#FFFFFF}
.blanc14 a:hover{ color:#FFFFFF}
.blanc15 {font-size: 15px;  font-weight: bold; color: #FFFFFF;  }
.noir12pasgras {font-size: 12px;   color: #000000; }
.noir12 {font-size: 12px;  font-weight: bold; color: #000000; }
.noir13 {font-size: 13px;  font-weight: bold; color: #000000; }
.noir14 {font-size: 13px;  font-weight: bold; color: #000000; }
.noir15 {font-size: 13px;  font-weight: bold; color: #000000; }
.rouge12 {font-size: 12px;  font-weight: bold; color: #8c0e00; }
.rouge14 {font-size: 14px;  font-weight: bold; color: #de0124; }
.rouge15 {font-size: 15px;  font-weight: bold; color: #c41230; }
.rouge16 {font-size: 16px;  font-weight: bold; color: #c41230; }
.rouge18 {font-size: 18px;  font-weight: bold; color: #c41230; }
.style14 {font-size: 13px; color: #414141; font-family: "Arial"; }
.jaune18 {font-size: 18px;  font-weight: bold; color: #fff100; }




.gris13 {font-size: 13px;  color: #4f4f4f;  }
.vert15 {font-size: 15px;  color: #69a430;  }



.lien {
    font-size: 13px; font-weight: bold; color: #0370ad; font-family: "Arial";  
	}


.texte {
color: #4f4f4f;
line-height: 1.3;
font: normal 62.5% Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; 
font-size: 13px;
}
.texte h3 {
	font-size: 18px;	
	font-weight: bold;	
}

.texte h4 {
	font-size: 24px;	
	font-weight: bold;
	color: #22a5db;
}