/* Import des style pour la charte */
@import "charte.css";

/***************** STYLE CONTENU *****************/
#contenu h1{
font:normal 2em "Times New Roman", Times, serif;
text-align:left;
color:#666666;
margin:18px 0px 15px 30px;
}
#contenu h2{
font:normal 1.3em Arial, Helvetica, sans-serif;
text-align:left;
color:#E48229;
margin:10px 0 13px 15px;
font-weight:bold;
}

#contenu table p{
margin-left:7px;
margin-right:4px;
text-align:left;
}


#contenu h2.vert{
color:#799140;
margin-top:30px;
background:url(../images/integration/book.jpg) no-repeat;
padding-bottom:10px;
padding-left:30px;}
#contenu h2 span{
color:#015a8d;
}
#contenu h3{
font:normal 1.3em  Arial, Helvetica, sans-serif;
text-align:left;
color: #0066CC;
margin:10px 0 13px 0;
font-weight:bold;}


#contenu h4{
font:normal 1.3em "Times New Roman", Times, serif;
text-align:left;
color: #FF6600;
margin:10px 0 13px 0;
}
#contenu p{
font:normal 12px Arial, Helvetica, sans-serif;
line-height:20px;
text-align:justify;
color:#72797e;
margin-bottom:10px;
}

#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#015a8d;
}
#contenu a:hover, #contenu a:active{
text-decoration:none;
color:#028bda;
}

#invisible{
display:none;
}
/*____________________________________________________________ Index*/


.txt_accc{
float:right;
width:560px;
margin-left:0px;
}

.txt_pedagogie{
float:left;
width:270px;
margin-left:12px;
margin-top:25px;

}


#contenu .txt_pedagogie p{
margin-bottom:25px;
line-height:20px;
font-size:13px;

}
.txt_accc p{
line-height:20px;
margin-top:30px;
}


.txt_contact{
float:left;
width:500px;
margin-left:0px;
margin-bottom:15px;

}

.txt_contact3{
float:left;
width:500px;
margin-left:0px;
margin-bottom:35px;

}
.titre_contact{
float:left;
width:500px;
margin-left:0px;
}
#container2 #contenu  .txt_accc ul{
margin-bottom:30px;
}

#contenu .image_acc1{
float:left;
width:259px;
margin-left:20px;
margin-right:15px;
border:1px solid #858585;
padding:3px;
margin-bottom:10px;
}

#contenu .image_acc2{
float:left;
width:259px;
margin-left:20px;
margin-bottom:15px;
padding-bottom:15px;
}


#contenu .image_acc3{
float:left;
width:259px;
margin-left:20px;
margin-bottom:0px;

}
#contenu .image_acc2 img{

margin-bottom:0px;
}



#contenu .image_papier{
float:left;
width:345px;
margin-left:20px;


}

#contenu .image_papier5{
float:right;
width:184px;
margin-left:20px;
margin-right:30px;
}

#contenu .image_papier5 img{
padding:3px;
border:1px solid #858585;
margin-bottom:10px;

}

#contenu .image_papier2{
float:right;
width:345px;
margin-left:20px;


}
#contenu .image_papier img{
padding:3px;
border:1px solid #858585;
margin-bottom:10px;

}
.txt_papier{
float:right;
width:500px;
margin-left:0px;
}


.txt_papier2{
float:left;
width:500px;
margin-right:5px;
margin-top:20px;

}

.txt_papier5{
float:left;
width:650px;
margin-right:5px;
margin-top:20px;

}

#contenu  p.soustitre{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#E48229;
margin-top:40px;
border-bottom:1px dotted #E48229;
margin-left:15px;
font-weight:bold;
}

#contenu #historique .remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00b050;
margin-left:15px;
font-weight:bold;
}

#contenu  .remarque2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#3366ff;
margin-left:15px;
font-weight:bold;
}

#contenu  .remarque_bleu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#3366ff;
margin-left:40px;
background:url(../images/charte/puce_bleu.jpg) no-repeat;
padding-left:20px;
font-weight:bold;
}

#container2 #contenu  .titre_tab{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
margin-top:20px;
text-align:center;
}


#container #container2 #contenu  .titre_tab2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
font-weight:bold;
text-align:center;
margin-left:8px;
margin-top:8px;
}
#contenu  .remarque2{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3366ff;
font-weight:bold;
text-align:left;
}

.txt_classemnt{
float:left;
width:400px;
margin-left:5px;
}

.ligne{
float:left;
width:10px;
margin-left:10px;
margin-right:10px;

}

.ligne2{
float:left;
width:10px;
margin-left:10px;
margin-top:25px;

}
.txt_piste{
float:left;
width:410px;
margin-right:40px;
}

#contenu .image_acc3{
float:left;
width:186px;
margin-left:60px;
border:1px solid #858585;
padding:3px;
}

#contenu .image_acc33{
float:left;
width:258px;
margin-left:60px;
border:1px solid #858585;
padding:3px;
}
/*____________________________________________________________ PERSONNEL*/

.ul_personnel{
	margin-left:30px;
}


.ul_personnel li{
	margin:0px 00px 10px 30px;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#72797e;
	list-style-image:url(../images/charte/puce1.png);
}


.ul_personnel5{
	margin-left:30px;
}


.ul_personnel5 li{
	margin:0px 0px 10px 30px;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#72797e;
}

.ul_personnel2{
	margin-left:30px;
}


.ul_personnel2 li{
	margin:0px 00px 10px 30px;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#3366ff;
	list-style-image:url(../images/charte/puce1.png);
}

.img_personnel{
	float:left;
	height:150px;
	margin:5px 10px;
	padding:2px;
	border:1px solid #999999;
}
/*____________________________________________________________ FONDATEUR*/
.fond_img1{
	float:left;
	height:210px;
	margin:5px 40px;
	font-size:12px;
	font-weight:bold;
	color:#0266B2;
	padding:5px;
	border:1px solid #999999;
	text-align:center;
}


.fond_img10{
	float:right;
	height:390px;
	margin:0px 10px;
	font-size:12px;
	font-weight:bold;
	color:#0266B2;
	padding:5px;
	border:1px solid #999999;
	text-align:center;
}



.fond_img2{
	float:left;
	margin:5px 40px 5px 280px;
	font-size:12px;
	font-weight:bold;
	color:#0266B2;
	padding:10px;
	border:1px solid #999999;
	text-align:center;
}

.img_left{
margin-left:50px;}


.frere_img1{
	float:right;
	padding:2px;
	margin:10px 0px 10px 30px ;
	border:1px solid #999999;
	text-align:center;
}

.extrait{
	font-style:italic;
	font-size:11px;
}

.papier_img1{
	float:left;
	padding:3px;
	margin:0px 0px 10px 200px ;
	border:1px solid #999999;
	text-align:center;
}

/*___________________________________________________________ AUTRE ZUPPORT */

.autre_img1{
	float:left;
	padding:3px;
	margin:0px 0px 10px 350px ;
	border:1px solid #999999;
	text-align:center;
}


.autre_img2{
	float:left;
	padding:3px;
	margin:10px 0px 10px 320px ;
	border:1px solid #999999;
	text-align:center;
}


.autre_img3{
	float:left;
	padding:3px;
	margin:0px 0px 10px 320px ;
	border:1px solid #999999;
	text-align:center;
}


.autre_img4{
	float:left;
	padding:3px;
	margin:0px 0px 10px 220px ;
	border:1px solid #999999;
	text-align:center;
}

.autre_right_img1{
	float:left;
	padding:3px;
	margin:0px 0px 65px 0px ;
	border:1px solid #999999;
	text-align:center;
}

.classement_bloc{

float:left;
margin-left:50px;}

/*____________________________________________________________ DOCUMENT */


.unDoc2{
	float:left;
	width:80%;
	margin-left:10px;
}

.unDoc{
	float:left;
	width:100%;
	margin-left:10px;
}

.unDoc_txt{
	float:left;
	width:75%;

}



#contenu  .unDoc h3{
	font-weight:bold;
}

.unDoc_img{
	float:right;
	padding:3px;
	border:1px solid #999999;
	margin: 45px 0px 10px 20px ;
	text-align:center;
}
.unDoc_img2{
	float:left;
	padding:3px;
	border:1px solid #999999;
	margin: 0px 10px 10px 3px ;
	text-align:center;
}

#contenu  .image_acc2 .unDoc_img3{
	float:left;
	padding:3px;
	padding-bottom:-5px;
	border:1px solid #999999;
	margin: 20px 10px 55px 0px ;
	text-align:center;
}

#contenu  .image_acc2 .image_suport{
	float:left;
	border:1px solid #999999;
	margin: 0px 10px 45px 0px ;
	padding:3px;
}

#contenu .unDoc_img:hover {
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.70;
	opacity:0.70;
	}
	

.unVign{
	float:left;
	padding:2px;
	border:1px solid #999999;
	margin: 10px 20px 10px 0px ;
	text-align:center;
}
	
#contenu .unVign:hover {
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.70;
	opacity:0.70;
	}
	





.docs_field{
	padding:10px;
	border:1px solid #999999;
}
.docs_field legend{
	font:normal 1.5em "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:left;
	color:#72797e;
	padding:5px;
}


.docs{
	float:left;
}

#contenu  .docs a:link, #contenu  .docs a:visited{
text-decoration:none;
}

.docs li{
	margin:0px 00px 10px 30px;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#72797e;
	list-style-image:url(../images/charte/pen.jpg);
}


/*____________________________________________________________ ACTUALITES*/

.separateur{
	background-image:url(../images/charte/separ-actu.jpg);
	height:12px;
	width:78%;
	background-repeat:no-repeat;
	background-position:center;
	float:left;
	}



#pagination {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:20px 0 30px 300px;
	text-align:center;
	color: #CCCCCC;
	vertical-align:middle;
}

.flesh_left{ 
	float:left;
	width:20px;
}

.flesh_right{
	float:left;
	width:20px;
}

.pages {
	float:left;
	text-align:center;
	width:200px;
	}
	
#pagination a:visited, #pagination a:link{
	margin:0 5px 0 5px;
	color: #CC7233;
	text-decoration:underline;
}

#pagination a:hover {
	margin:0 5px 0 5px;
	color: #0066CC;
	text-decoration:none;
}
/*____________________________________________________________SERVICES*/

.table_services{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:20px;
}


/*____________________________________________________________ CONTACT*/

/************* form *********************/
.forminput, .forminput1, .forminput2, .formtextareadress, .formtextareacomment
        {
        padding:0;
        margin:2px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        font-weight:500;
		color:#666666;
		border:1px solid #C7C7C7;
        background-color:#E5E8EA;
        text-align:justify;
        }
		
.forminput:hover, .forminput1:hover, .forminput2:hover, .formtextareadress:hover, .formtextareacomment:hover
        {
        color: #0066FF;
		border:1px solid #0066FF;
       }
		
.forminput:focus, .forminput1:focus, .forminput2:focus, .formtextareadress:focus, .formtextareacomment:focus
        {
        color: #0066FF;
		border:1px solid #0066FF;
       }
		
.forminput
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:260px;
       }

.forminput1
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:160px;
       }
.forminput2
       {
       padding:0 3px 0 3px;
        height:20px;
        line-height:20px;
        width:160px;
       }

	   
.formtextareadress
        {
        padding:0 3px 0 3px;
        height:110px;
        width:260px;
        }
.formtextareacomment
        {
        padding:0 3px 0 3px;
        height:110px;
        width:260px;
        }
.formbt
        {
        height:25px;
        width:100px;
        text-align:center;
        padding:0;
        /*margin:2px; */
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        line-height:18px;
        font-weight:600;
        letter-spacing:0.1em;
		color: #666666;
		border:1px solid #C7C7C7;
        background-color:#E5E8EA;
        }
		
.formbt:hover
        {
        color: #0066FF;
		border:1px solid #0066FF;
       }
		
.couleure{
	color:#CC3300;
	margin:10px 0;
	font-size:12px;
}
.rouge{
color:#FF0000;}

.text01
        {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:500;
        color: #666666;
        text-align:justify;
		vertical-align:top;
        margin:0 0 10px 0;
        padding:0;
        }
		
#bloc-contact {
	width: 400px;
	float:left;
	margin:0px 0 20px 10px ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
	letter-spacing:0.03em;
}

#contactTxte{
	width:200px;
	float:right;
	text-align:right;
	font-family:   Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	line-height:17px;
}
#contactPlan{
	width:45%;
	float:right;
}


.img_contact{
	float:right;
	margin:0px;
	text-align:center;
	}

.bold_text{
font-weight:bold;}

.bloc_left{
float:left;
width:410px;
margin-right:20px;
margin-top:15px;
padding-right:20px;
margin-bottom:15px;
border-right:1px dotted #028bda;}

.bloc_right{
float:left;
width:410px;
margin-top:15px;
margin-bottom:15px;
}

.histo{
float:left;
width:208px;
height:111px;
margin:15px;
border:1px solid #666;
text-align:center;
}
.bicent{
float:right;
width:130px;
height:130px;
margin:5px;
}


/*--- bloc-freres -----*/

.bloc-freres {
	float:left;
	margin:7px 0 0 0;
	border-top:1px solid #D9D9D9;
	}