@charset "utf-8";

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
}
body,td,th {
	font-size: 14px;}
	h1{}h1{
	color:#660000;
	text-align:center;
	font-size:22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;}
	h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;
   color:#660000;}

.cadran{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	
}
	
.header{background-color: #ffffff; width:100%; height:200px;}

.navmenu ul{ list-style:none; margin:0; padding:0;}
.navmenu{ margin-left: 15%; margin-right:6%;}
.navmenu li{ float:left; width:200px; background-color:#444444; 
			text-align:center; position:relative;
			border-right:3px solid #000066;  
			height:35px; line-height:30px; }
.navmenu li ul li{float:none; width:190px; text-align:left; padding-left:10px;border-top:3px solid #000066;}
.navmenu a{ text-decoration:none; color:#FFFFFF;}
.navmenu li ul{ position:absolute; top:30px; left:0px; visibility:hidden;}
.navmenu li:hover{ background-color:maroon;}
.navmenu li:hover ul{ visibility:visible;}

#cont{width:100%;}
  
.menu1 ul {float:left; list-style:none; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
.menu1 ul li{text-decoration:none; list-style:none;}
 
.menu1 a{text-decoration:none; color:white;}
.menu1 li{width:150px; background-color:#444444; text-align:left; padding-left:10px;
         border-right:1px solid white; position:relative;
         height:30px; line-height:30px;}
.menu1 li:hover {background-color:maroon;}
		 
.menu2{margin-left:65%; font-style: normal;text-decoration: none; color:#FFFFFF;
       font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; height:160px; display:block;} 
 /*#cont ul a {display:block;}*/
.menu2 ul {list-style:none; margin:0; padding:0;}
.menu2 li {float:left; width:180px; background-color:#444444; text-align: left; padding-left:10px;
         border-right:1px solid white; position:relative;
         height:30px; line-height:30px;}
.menu2 li ul li {float:none;text-align:left; 
         border-top:1px solid white;}
.menu2 li a {text-decoration:none; color:white;}
.menu2 li ul {position:absolute; top:30px; left:0; visibility:hidden;}
.menu2 li:hover ul {visibility:visible;}
.menu2 li:hover{background-color:maroon;}

.motdupre {clear:both;}

.motdupre { width:50%; margin-left:25%; margin-right:25%; height:700px; clear:both;}
	
.motdupretout{ width:70%;margin:15%; height:725px; background:#EEFFEE; border:2px solid #FFCC00;}

.contact{
	background-color:#666666;
	font-size:11px;
	height:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #ffffff;
	width: 100%;
}
.texteadesion{width:70%; 
margin-right:20%; margin-left:20%; padding-bottom:5px;
text-indent:5px;}
.textehisto{text-align:left; margin-left:10%; margin-right:10%;
			 font-family:Arial, Helvetica, sans-serif;}
			   	
.textestruc{text-align:left; margin-left:10%; margin-right:10% }
.exclusive{background:#330000;
	color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;}
 h1{
	color:#660000;
	text-align:center;
	font-size:22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;}
	h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;
   color:#660000;}
h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color: #660033;}  
.collabo{ width:50%; margin-left:15%; margin-right:15%; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

excuimage{ margin-left:20%; margin-right:20%;}
.texteConfer{height:460px;
	font:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-right:25%;
	margin-left:25%;
	padding-bottom:5px;
	
	}
.img{
	width:500px;
	height:350px;
}	
#imgcomex{margin-left:30%; margin-right:25%;} 
.texteeven{width:80%; padding-top:60px;
	text-align:left;
	margin-left:5%;
    margin-right:5%;
	font-family:Arial, Helvetica, sans-serif;
	 }
	 #apDiv1 {
	position:absolute;
	left:370px;
	width:213px;
	height:32px;
	z-index:1;
}
.apho{float:left; margin:20px; width:200px;}
.comex{foat:rigth; margin:20px; width:400px;}
.clan{float: left; margin:20px; width:200px;}
.excursionimg{float: left; margin:50px; width:500px;}	 
	 
	.textac{ height: auto; margin-left:15%; margin-right:15%;}

.excursion{
	width:60%;
	font:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:15%;
	margin-right:15%;
}
.excuimage{
	margin-left:20%;
	margin-right:20%;
	width:500px;
	height:360px;
}	
		
.textefin{width:80%; color:#000000; text-align:left;  margin-left:10%; margin-right:10%; font-family:Arial, Helvetica, sans-serif; text-indent:3px;}
.texteAtout{width:80%; margin-right:10%; margin-left:10%; margin-top:60px;}

.atoutimg1{ margin-right:100px;
	float:left;
	width:200px;
	height:180px;
}
.atoutimg2{ margin-right:100px;
	float:left;
	width:200px;
	height:180px;
}
.atoutimg3{
	float:left;
	width:250px;
	height:200px;}
	
.textebako{ background-color:#FFFFFF; width:65%; 
margin-right:15%; margin-left:15%;}
.condibou{width: 70%; margin:5%;}
.texteorg{width:70%; margin:10%; }
.pespect{
	width:80%;
	margin-left:10%; margin-right: 10%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.texteprojet{width:70%; margin-left:10%; margin-right:10%;
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:5px;}
	
.textegal{width: 100%;height:1400px;}
.textesoi{width:60%; margin-right: 10%; margin-left:15%;}
.texterea{width:60%; margin-right: 10%; margin-left:15%;}
.plan{ width:50%; height:500px;border:2px solid #CC3300; margin: 15%;}