@charset "utf-8";
/* CSS Document */

body{
font-size:14px;
color:#FFFFFF;
background:url(../images/fond.jpg) #333333;
background-position:top center;
background-repeat:no-repeat;
margin:0;
padding:0;

}

a, img{
text-decoration:none;
border:none;
color:#FFF;
}


#main{
width:928px;
min-height:1200px;
margin-left:auto;
margin-right:auto;


}

#header{


width:100%;
padding-top:50px;}

#logo{

width:375px;
height:61px;


}

#sliderea{
height:184px;
width:566px;

margin-left:auto;
margin-right:auto;
padding-top:10px;


	
	
	}
	
	.componentrea{display:none;}


.sliders{

float:left;
margin-top:45px;
cursor:pointer;
}


#imgarea{
	float:left;
	height:100%;
	width:455px;
	
	
	
	}
	
#titlearea{
	font-size:30pt;
	padding-left:10px;
	
	
	
	
	}
	
#textrea{
	font-size:15pt;
	padding-left:10px;
	
	
	}	

#accroche{
font-size:24px;
font-style:italic;
color:#8A8989;
width:100%;
margin-bottom:30px;

}

#menu{
height:40px;
width:100%;


}

.elementmenu{
height:100%;
width:154px;
text-align:center;
float:left;


}

#comlinks {
height:145px;
margin-top:5px;
text-align:center;
width:100%;
}
#comlinks-1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0000FF url(../images/backthreebox.jpg) repeat scroll 0 0;
border:1px solid #ccc;
float:left;
height:138px;
margin-left:4px;
margin-right:4px;
width:290px;
}
#comlinks-2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0000FF url(../images/backthreebox.jpg) repeat scroll 0 0;
border:1px solid #ccc;
float:left;
height:138px;
margin-left:4px;
margin-right:4px;
width:290px;
}
#comlinks-3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0000FF url(../images/backthreebox.jpg) repeat scroll 0 0;
border:1px solid #CCC;
float:left;
height:138px;
margin-left:4px;
margin-right:4px;
width:290px;
}



#content{
width:100%;
height:800px;
float:left;





}

#left{
width:618px;
height:100%;
float:left;
background:url(../images/lastrea.png);
background-repeat:no-repeat;
background-position:20px 35px;


}

#left1{
width:310px;
height:100%;
float:left;
background:url(../images/fondactus.png);


background-repeat:no-repeat;



}

#lastrea{
height:361px;
width:586px;
background:url(../images/fondreas.png);
background-position:left;
background-repeat:no-repeat;
margin-top:75px;
}

#tab{

height:220px;
width:586px;

margin-top:10px;

}

#menutab{
height:40px;
width:100%;


}
.switchtab{
cursor:pointer;	
	}
.elementtab{

height:40px;
width:195px;
text-align:center;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
}
.elementtab:hover{}
#contenttab{
height:147px;
width:100%;
background:url(../images/fondtab.png);
float:left;
margin-top:5px;

}

.textcontent {
font-size:18px;
height:110px;
padding-left:10px;
padding-right:10px;
padding-top:15px;
width:576px;
}

.linkcontent{
	text-align:right;
	font-weight:bold;
	margin-right:5px;
	width:576px;
	}

#contentweb2{
	display:none;
	
	}
	
#contentpromo{
	display:none;
	
	}	

#right{
width:310px;
height:100%;
float:left;
background:url(../images/fondactus.png);
background-repeat:no-repeat;
}

#right1{
	margin-left:15px;
width:568px;
height:650px;
float:left;
background:url(../images/fondcontent1.png);
background-position:0px 70px;

background-repeat:no-repeat;
}

#right1 h1{
	width:100%;
	
	height:40px;
	margin-top:30px;
	
	}

#contentright1{
	
	width:558px;
	height:503px;
	padding-left:10px;
}

#resume{
	
	width:100%;
	height:300px;
	color:#999;
	font-weight:bold;
	padding-top:100px;
	
	}

#divers{
	width:100%;
	height:236px;
	background:url(../images/backdivers.png);
	margin-top:2px;
	background-repeat:no-repeat;
	
	
	}

.resumeelement{
	margin-top:25px;
	padding-left:5px;
	padding-right:5px;}


.titleelement{
	font-size:22px;
	color:#FFF;
	
	}
	
.accrocheelement{
	
	
	}	
	
.comentelement a{
font-size:11px;	
color:#999;
	}	

#permalinkbox{
	width:100%;
	height:40px;
	
	
	
	}
	
.comlinkannounce{
	font-size:17px;
	font-weight:bold;
	
	
	}	

#permalinkboxleft{
	width:50%;
	height:100%;
	
	float:left;
	text-align:left;
	
	}
#permalinkboxleft span{
	
	margin-left:5px;}
#permalinkboxright{
	width:50%;
	height:100%;
	
	float:left;
	text-align:right;
	
	}
	
#permalinkboxright span{
	
	margin-right:10px;}	

#bottom{
width:100%;
height:130px;

float:left;



}

#coord1{
	

width:280px;
float:left;

margin-top:50px;
margin-left:15px;



}

.highcoord{
font-size:20px;


}

.lowcoord{
font-size:13px;
color:#666666;
font-weight:bold;


}

#coord2{

width:210px;
float:left;

margin-top:50px;
margin-left:45px;



}

#coord3{

width:180px;
float:left;

margin-top:50px;




}


#bottomlogo{
margin-top:50px;
margin-right:15px;
float:right;
}

/*****************************ADMIN********************************/
	
#Partie_centrale_admin {
background-color:#996;
float:left;
height:547px;
width:780px;;
}	


#bloc{
background:#000;
height:211px;
width:314px;
color:#900;
margin-left:auto;
margin-right:auto;
margin-top:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:30px;

}

.Style1 {font-size: 20px; margin-left:5px;}

#formulaire{
margin-top:15px;
background:#EEEEEE;
margin-left:auto;
margin-right:auto;

height:132px;
width:301px;}

#formulaire p{
font-size:10px;
color:#000000;


}

form{padding-top:15px;
padding-left:10px;}

form #login{margin-left:75px;}

form #pass{margin-left:25px;}


form #ok{
margin-left:90px;
margin-top:5px;

}

.erreur {
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	margin:0;
}
.reussite {
	font-size: 10px;
	font-weight: bold;
	color: #669900;
}

#admin{
width:800px;

top:-210px;
left:50%;
margin-left:-400px;
background:url(../images/back2.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
font-weight:bold;
position:absolute;
z-index:4;

}


#contentadmin{
height:205px;
width:100%;


}



#locate{
margin-right:auto;
margin-left:auto;
margin-top:5px;
width:130px;
height:40px;
text-align:center;
cursor:pointer;}

#admin a{
	text-decoration:none;
	color:#FFF;
	
	}	
#deconnec{
	float:right;
	
	}
	
#adminpart1{
	width:49%;
	float:left;
	
	
	
	}	
#adminpart2{
	width:49%;
	float:left;
	
	
	
	}	
	
#contentrea{
width:398px;
height:100%;

float:left;

}

#contentrearight{
width:160px;
height:100%;
float:left;
}

#contentreaicons{
width:160px;
height:305px;


overflow:hidden;

}

#contentreaicons img {
text-align:center;
margin-top:5px;

}

.contentreasliders{
margin-right:auto;
margin-left:auto;
cursor:pointer;

}

.contentreaslidelement{
border:1px solid #fff;
z-index:4;


}


#contentreawindowelement{
height:100%;
width:100%;


}	

#contentreatext{
	
	height:500px;
	
	
	}
	
#contentrealink{
	;
	height:40px;
	text-align:right;
	padding-right:10px;
	
	
	}	

.paginationcomlargeagendacom{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	margin-top:10px;
	
	}

#titlepartner{
	font-size:25px;
	height:30px;
	width:95%;
	
	padding-left:10px;
	}
	
#imagepartner{
	font-size:25px;
	height:180px;
	width:95%;
	
	padding-left:10px;
	}	
	
#linkpartner{
	text-align:right;
	padding-right:10px;
	
	
	}	
