@charset "utf-8";
/* CSS Document */
*{
Color:black;
font-family:arial,myriad pro;
margin:0;
padding:0;
font-size:13px;
}

#header{
width:1024px;
height:165px;
}

#General{
width:1024px;
height:1200px;
margin:10px auto;
}

#footer{
	margin:20px 0 0 0;
	width:1024px;
	height:200px;
	color:#999999;
	float:left;
}

#footer a{
	color:#999999;
	font-size:12px;
	text-decoration:underline;
}
#footer a:hover{
	color:#999999;
	font-size:12px;
	text-decoration:underline;
}
.titre{
color:#996600;
}
.img_frm{
	width:550px;
	height:360px;
}
.brun{
	color:#996600;
}
.clear{
	clear:both;
}
.rouge{
	color:red;
	font-weight:bold;
}
.green{
	color:green;
	font-weight:bold;
}
.grey{
	color:#666666;
	font-weight:bold;
}
.center{
	text-align:center;
}

.hr{
	width:165px;
	height:20px;
	float:left;
	margin-left:35px;
}
.hr_block{
	width:100%;
	height:1px;
	float:left;
	margin:10px 0 10px 0;
}

.bgGris{
	background-color:#999999;
}
.underline{
	text-decoration:none;
}
h1{
	text-align:center;
	font-size:16px;
}

h2{
	text-align:center;
	font-size:15px;
}

h3{
	font-size:14px;
}

h4{
	text-align:center;
	font-size:13px;
}

a:hover{
	color:#9D9900;
	font-size:14px;
}

#affiche_block{
	margin-top:10px;
	float:left;
	width:200px;
	height:1000px;
}
/********** Menu latéral***********/
#accordion {
	margin-top:10px;
	float:left;
}
#accordion a,p{
	text-decoration:none;
}
#accordion h4{
	text-align:center;
}


h3.togglerer {
	cursor:pointer;
	font-size: 14px;
	background: #ffffff;
	height:24px;
	width:200px;
	margin:5px 0 0 0px;
	padding-top:5px;
	padding-left:25px;
}

dl{
	font-size: 14px;
	width:214px;
	margin:5px 0 0 0px;
	padding-top:5px; 
}

dd{
	margin:5px 0 5px 10px;
}

dt a{ 
	font-size: 16px;
	font-weight:bold;
	color:black;
	text-decoration:underline;
}

dt a:hover{ 
	font-size: 16px;
	font-weight:bold;
	color:black;
}

ul { 
	list-style: none; 
}


#admin  .ordre{
	width:15px;
	margin:0;
}

.test{
background-color:green;
width:300px;
border:2px solid red;
padding:10px;
}

#admin .external{
	border:none;
	width:170px;
	height:20px;
	float:left;
	margin-left:20px;	
}

#admin .external img{
	border:none;
	width:10px;
	height:10px;
	float:left;
}
#admin .external input{
	float:left;
}
#admin .external span{
	font-size:11px;
	float:left;
}

/********** Fin Menu latéral***********/


#centre{
	float:left;
	width:1024px;
	height:1000px;
}

#article{
	margin:10px 10px 0px 10px;
	width:570px;
	height:1000px;
	float:left;
}
#article a{
	text-decoration:underline;
	font-weight:bold;
}
#article .afficheArticle input{
 width:46%;
}
#article .afficheArticle img{
	border:none;
}
#article input{
 width:380px;
}
.artGrand{
	width:550px;
	height:155px;
	float:left;
}

.artPetit{
	width:260px;
	height:155px;
	float:left;
	margin:0 10px 0 0;
}

.artGrand img{
	width:100px;
	height:50px;
	margin:10px;
	float:left;
}

.artPetit img{
	width:100px;
	height:50px;
	margin:10px;
	float:left;
}

.bandeauJaune{
	background-color:#ffff00;
	width:4px;
	height:1000px;
	float:left;
}

.bandeauGris{
	width:165px;
	height:1px;
	background-color:#ffffff;
	float:left;
	margin:10px 0 10px 35px;
}

.separationArticle{
	width:165px;
	height:1px;
	margin:10px 0 20px 200px;
	float:left;
}
#affiche{
	margin-top:10px;
	float:left;
	width:200px;
	height:1000px;
}

#affiche .overflow{
	overflow:auto;
	width:200px;
	height:720px;

}
#affiche img{
	border:none;
	width:150px;
}
#affiche p{
	text-align:center;
}

.affiche{
	float:left;
	width:205px;
	height:auto;
	margin:auto;
}
.affiche a{
	display:block;
	margin-left:25px;
	text-align:center;
	text-decoration:underline;
}
.affiche h3,h5{
	text-align:center;
}
.Affichage_affiche
{
	padding-left:5px;
	margin:10px 0 10px 5px;
}
.Affichage_affiche img
{
	margin-left:5px;
}

.Affichage_affiche legend
{
	color:#996600;
}
.Affichage_affiche fieldset
{
	padding-left:16px;
	padding-top:10px;
	border:solid 1px #996600;
}
.ajoutAffiche{
	width:150px;
	height:;
	margin:0px 0 10px 25px;
}
/* ACITIVITE */
#activites{
	margin:10px 10px 0px 10px;
	width:570px;
	height:1000px;
	float:left;
}
#activites a{
	text-decoration:underline;
}
#activites h1{
	color:#996600;
}

#activites .gras{
	font-weight:bold;
	color:#333333;
}
#activites .description_activites{
	height:120px;
	width:550px;
	float:left;
}


#activites .illustration{
	width:200px;
	float:left;
	margin:10px;
}


/****** Block Mise en page ******/

/*25 mots*/
.B2-2{
	float:left;
	margin-left:15px;
	width:47%;
}

.B2-2 .illustration{
	float:left;
	height:80px;
	margin:3px 10px 0 0;
}

/*35 mots*/
.B2-1{
	width:98%;
	float:left;	
}

.B2-1 .illustration{
	float:left;
	height:100px;
	margin:3px 10px 0 0;
}
/*50 mots*/
.B4-1{
	width:98%;
	float:left;
}

.B4-1 .illustration{
	width:135px;
	height:100px;
	float:left;
	margin:3px 10px 0 0;
}
/*60 mots*/
.B6-1{
	float:left;
	width:98%;
}

.B6-1 .illustration{
	float:left;
	height:190px;
	margin:3px 10px 0 0;
}
/*tous les mots*/
.B8-1{
	float:left;
	height:auto;
	width:98%;
}
.B8-1 .illustration{
	float:left;
	height:200px;
	margin:3px 10px 0 0;

}
#indexEvenement .hr2{
	width:100%;
	margin-top:20px;
	height:10px;
}
/**************************/
#admin #accordion a{
	font-size:13px;
}

#admin #indexActivites input{
	width:550px;
}
#admin #activites input{
	width:550px;
}
#admin #activites td{
 text-align: ;
}
#admin h4{
	color:red;
}
#admin .h4{
	color:red;
	text-align:center;
	font-size:13px;	
}
/*
#admin a:hover{
	font-size:13px;
	color:red;
	text-decoration:underline;
}
*/
#admin .h5{
	font-weight:bold;
	font-size:14px;
}

#admin .casevide{
	width:100%;
	height:20px;
}

#admin #activites  .input_upload{
	width:250px;
	float:left;
}
#admin #activites  .input_checkbox{
	width:25px;
	float:left;
}
#admin #activites  p{
	float:left;
}
#admin #activites img{
	float:left;
}
#admin #validation {
	margin:10px 10px 0px 10px;
	width:570px;
	height:1000px;
	float:left;
}
#admin #validation img{
border:none;
}
#admin .IndexLog{
	width:245px;
	height:80px;
	margin:auto;
}
#admin .afficheDiapo{
	width:110px;
	height:125px;
	float:left;
	margin:10px;
}
#admin #activites .afficheDiapo img{
	width:100px;
	height:100px;
	float:left;
	margin:0;
}
#admin  #activites .afficheDiapo input{
	margin:0;
	width:10px;
	float:left;
}
#admin #articles .afficheDiapo img{
	width:100px;
	height:100px;
	float:left;
	margin:0;
}
#admin  #articles .afficheDiapo input{
	margin:0;
	width:10px;
	float:left;
}
#admin  .champUplaod table{
	width:100%;
	float:left;
}
#admin  .champUplaod td{
	width:50%;
}
#admin #article{
	margin:10px 10px 0px 10px;
	width:550px;
	height:1000px;
	float:left;
}
/*******************/ /* SCROLL */ /****************/
#slider {
width: 100%;
margin: 0 auto;
position: relative;
}

#featured {
width: 100%;
float: left;
height: 365px;
}
.scroll {
margin: 0 auto;
height: 350px;
width: 500px;
overflow: hidden;
position: relative;
clear: left;
}

.scrollContainer div.panel {
height:350px;
overflow:hidden;
width:500px;
padding:5px;
float:left;
}

.scrollIMG{
	width:480px;
	height:auto;
	float:left;
	margin:auto;

}

.scrollIMG img{
	float:left;
	margin:0;
}
.insert{
	padding:5px;
	width:490px;
	height:105px;
	float:left;
}
.scrollButtons {
position: absolute;
top: 145px;
cursor: pointer;
}

.scrollButtons.left {
	left: -10px;
}

.scrollButtons.right {
	right: -10px;
}
.modifPres a:hover{
	color:red;
	text-decoration:none;
	font-size:13px;
}
.label{
	width:50%;
}