/*** SOMMAIRE

General         20
Div Principaux  40
Colonnes        90
Home page       40
Programme      298
Communication  372
formulaire  485
/*******************************************************
 GENERAL
 ************************************************ */
body{
	background-color: #FFFFFF;
	color:#666666;
	font-family: verdana, arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}*{
	border:0;
	margin:0;
	padding:0;
	}
			
/*******************************************************
 DIV PRINCIPAUX
 ************************************************ */
#container{
	margin-left:auto;
	margin-right:auto;
	width:850px;
	height:100%;
	margin-top:10px ;
	/*background: #4DEF16/*#FFFFFF url(../images/fond_principal.jpg) top right repeat-y */;
	}
#header{
	width:843px;
	height:145px;
	background: #FFFFFF;/*#FFFFFF url(../images/flash_header.jpg) no-repeat*/
	}
#principal{
	/*clear:both;*/
	width:850px;
	height:100%;
	margin : 0 0 10px 0;
	background: #FFFFFF /*yellow*/;
	}
#gd_titre{
	float:left;
	width:700px;
	height:20px;
	margin:0 0 10px 0;
	/*background-color : pink;*/
	}
#retour{
	float:left;
	width:143px;
	height:20px;
	margin:0 0 2px 0;
	/*background-color : #E61E55*/
	}
#retour a,
#retoura:link,
#retour a:visited, 
#retour a:active{
	color: #E61E55;
	font-weight: normal;
	text-decoration: underline;
	margin: 5px 0 0 80px;
   }
#retoura:hover{
	text-decoration: underline;
}
img	{
	margin:0 0 0 15px;
	border-width : 1px;
}
/* colonnes gauche, milieu, centre */
#justif{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	background: /*yellow*/ #F1F1E4;                                                                                                                                                      
	}
.justif{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	background: /*yellow*/ #F1F1E4;                                                                                                                                                      
	}
	
	
#gauche{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	background: /*red*/ #F1F1E4;                                                                                                                                                      
	}
#milieu{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 10px 30px;
	background:/*pink*/#F1F1E4; 
	}
#droit{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 10px 30px;
	background:/*blue*/ #F1F1E4; 
	}
/*grandes (doubles) colonnes*/	
#gauche_2col{
	float:left;
	width:552px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	background:/*pink*/#F1F1E4; 
	}
#droit_2col{
	float:left;
	width:552px;
	height:100%;
	margin:0 0 10px 30px;
	background:/*purple*/ #F1F1E4; 
	}
/* petites colonnes DANS grandes (doubles) colonnes*/	
#col1{
	float:left;
	width:261px;
	height:100%;
	margin:0 0 10px 0;
	background: /*orange */#F1F1E4;                                                                                                                                                      
	}
	
.col1{
	float:left;
	width:261px;
	height:100%;
	margin:0 0 10px 0;
	background: /*orange */#F1F1E4;                                                                                                                                                      
	}
	
	
#span{
font : underline;
}	
	
#col2{
	float:left;
	width:261px;
	height:100%;
	margin:0 0 10px 0;
	background: /*fuchsia*/ #F1F1E4;                                                                                                                                                      
	}
.col2{
	float:left;
	width:261px;
	height:100%;
	margin:0 0 10px 0;
	background: /*fuchsia*/ #F1F1E4;                                                                                                                                                      
	}

	
#col3{
	float:left;
	width:261px;
	height:100%;
	margin:0 0 10px 0;
	background: /*yellow*/ #F1F1E4;                                                                                                                                                      
	}
.col3{
	float:left;
	width:261px;
	height:100%;
	margin:0 0 10px 0;
	background: /*yellow*/ #F1F1E4;                                                                                                                                                      
	}

	
	
#fond_livre{
	float:left;
	width:150px;
	height:190px;
	margin: 0 10px 0 40px;
	/*background: fuchsia */;                                                                                                                                                      
	}

.img {
   border-style: solid;
   border-width: 3px;
   border-color: black;
}
	
/* toutes petites colonnes*/	
#mini_col1{	
	float:left;
	width:124px;
	height:100% /*120px*/;
	margin:0 0 0 5px;
	background: /*pink */ #F1F1E4;                                                                                                                                                      
	}
#mini_col1 img{	
	margin:0 0 0 15px;
	}
#mini_col2{	
	float:left;
	width:124px;
	height:100% /*120px*/;
	margin:0 0 0 0;
	background: /*yellow*/  #F1F1E4;                                                                                                                                                      
	}
	
#mini_col2 h4	{
	margin-left: 0px;
		line-height: 1.5em;
}

/* grand bloc*/	
#bloc1{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: yellow*/;                                                                                                                                                      
	}
#bloc2{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: pink*/;                                                                                                                                                      
	}
#bloc3{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: fuchsia*/;                                                                                                                                                      
	}
	
#bloc4{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: green*/;                                                                                                                                                      
	}
	
#bloc5{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: green*/;                                                                                                                                                      
	}
	
#bloc6{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: green*/;                                                                                                                                                      
	}
#bloc7{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: green*/;                                                                                                                                                      
	}
#bloc8{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: green*/;                                                                                                                                                      
	}
	
.bloc{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	/*background: green*/;                                                                                                                                                      
	}



	
	
	
	
	


/*fond couleur bandeau*/	
#rose{
	float:left;
	width:261px;
	height:47px;
	margin:0 0 0 0;
	background:#FFFFFF url(../images/rose.jpg) no-repeat; 
	}
#bleu{
	float:left;
	width:261px;
	height:47px;
	margin:0 0 0 0;
	background:#FFFFFF url(../images/bleu.jpg) no-repeat; 
	}
#vert{
	float:left;
	width:261px;
	height:47px;
	margin:0 0 0 0;
	background:#FFFFFF url(../images/vert.jpg) no-repeat; 
	}
#gris{
	float:left;
	width:261px;
	height:47px;
	margin:0 0 0 0;
	background:#FFFFFF url(../images/gris.jpg) no-repeat; 
	}
#gd_rose{
	float:left;
	width:552px;
	height:47px;
	margin:0 0 0 0;
	background:#FFFFFF url(../images/gd_rose.jpg) no-repeat; 
	}
#gd_bleu{
	float:left;
	width:552px;
	height:47px;
	margin:0 0 0 0;
	background:#FFFFFF url(../images/gd_bleu.jpg) no-repeat; 
	}
#gd_vert{
	float:left;
	width:552px;
	height:47px;
	margin:0 0 0 0;
	background:#FFFFFF url(../images/gd_vert.jpg) no-repeat; 
	}
#gd_gris{
	float:left;
	width:552px;
	height:47px;
	margin:0 0 0 0;
	background: /*pink*/ #FFFFFF url(../images/gd_gris.jpg) no-repeat;
	}
#gd_gd_gris{
	float:left;
	width:843px;
	height:47px;
	margin:0 0 0 0;
	background: /*pink*/ #FFFFFF url(../images/gd_gd_gris.jpg) no-repeat;
	}	
#gd_gd_bleu{
	float:left;
	width:843px;
	height:47px;
	margin:0 0 0 0;
	background: /*pink*/ #FFFFFF url(../images/gd_gd_bleu.jpg) no-repeat;
	}	
#gd_gd_vert{
	float:left;
	width:843px;
	height:47px;
	margin:0 0 0 0;
	background: /*pink*/ #FFFFFF url(../images/gd_gd_vert.jpg) no-repeat;
	}
#gd_gd_rose{
	float:left;
	width:843px;
	height:47px;
	margin:0 0 0 0;
	background: /*pink*/ #FFFFFF url(../images/gd_gd_rose.jpg) no-repeat;
	}	
#footer{
	clear:both;
	width:843px;
	height:22px;
	background:#9D9DFF; /*#FFFFFF url(../images/fond_ footer.jpg) no-repeat;*/
	}
#footer2{
	margin:4px 0 0 100px;
	}
/*# h1 grand titre rouge */
h1{
	margin :2px 0 0 15px ;
	font-size: 18px;
	font-weight: bold;
	color: #E61E55;
    }
/* h2 titre blanc dans cartouche coul*/	
h2{
	margin-top: 8px;
	margin-left: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
    }
/* h3 tritre gras gris*/		
h3{
	margin-top: 4px;
	margin-left: 15px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
    }
/* h4 titre courant rouge*/		
h4{
	margin-top: 2px;
	margin-left: 15px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bolder;
	color: #E61E55 /*#9D9DFF*/ ;
    }
/* h4 titre courant bleu*/		
h5{
	margin-top: 2px;
	margin-left: 15px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bolder;
	color: #9D9DFF ;
    }
	
	
	
	
/* p tetxe courant gris*/
/* p tetxe courant gris*/
p {
	margin-top:5px;
	margin-left: 15px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: normal; 
	line-height: 1.5em;
	color: #666666;
}

ul  li {
	margin-top:5px;
	margin-left: 30px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: normal; 
	line-height: 1.5em;
	color: #666666;
}
.vocfr {
	margin-top:0px;
	margin-left: 15px;
	margin-right: 5px;
	font-size: 12px;
	color: #E61E55;
	font-weight: normal; 
	line-height: 1.5em;
}
.vocgb {
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	margin-left: 15px;
}
.tx_coul{
	color: #E61E55;
}
a,
a:link,
a:visited, 
a:active{
	color: #E61E55;
	font-weight: normal;
	/*text-decoration: none;*/
	margin-top: 4px;
	margin-left: 0 /*15px*/;
	margin-right : 10px;
   }
a:hover{
	text-decoration: underline;
}
#footer a,
#footer a:link,
#footer a:visited, 
#footer a:active{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
	/*margin-right : 100px;*/
   }
#footer a:hover{
	text-decoration: none;
}
/*******************************************************
 Programme
 ************************************************ */
 #prog_gauche{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	background: /*yellow*/ #F1F1E4;                                                                                                                                                      
	}
 #prog_gauche1{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 25px 0;
	background: /*red*/ #F1F1E4;                                                                                                                                                      
	}
#prog_gauche2{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 25px 0;
	background: /*green*/ #F1F1E4;                                                                                                                                                      
	}
#prog_gauche3{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 25px 0;
	background: /*fuchsia*/ #F1F1E4;                                                                                                                                                      
	}
#prog_droit_2col{
	float:left;
	width:552px;
	height:100%;
	margin:0 0 0 30px;
	background:/*purple*/ #F1F1E4; 
	}
#prog_droit_2col1{
	float:left;
	width:552px;
	height:100%;
	margin:0 0 0  0 ;
	background:/*purple*/ #F1F1E4; 
	}
#prog_droit_2col2{
	float:left;
	width:552px;
	height:100%;
	margin:0 0 0  0 ;
	background:/*purple*/ #F1F1E4; 
	}
#prog_droit_2col3{
	float:left;
	width:552px;
	height:100%;
	margin:0 0 0 0;
	background:/*purple*/ #F1F1E4; 
	}
#prog_justifA{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	background: /*red*/ /*#F1F1E4*/;                                                                                                                                                      
	}
#prog_justifA1{
	float:left;
	width:261px;
	height:100% /*100*/;
	margin:0 0 25px 0;
	background: /*red*/ #F1F1E4;                                                                                                                                                      
	}
#prog_justifA2{
	float:left;
	width:552px;
	height:100%;
	margin:0 0 0 30px;
	background:/*purple*/ #F1F1E4; 
	}
#prog_justif2{
	float:left;
	width:843px;
	height:100% /*100*/;
	margin:0 0 10px 0;
	background: /*red*/ #F1F1E4;                                                                                                                                                      
	}
	
/*******************************************************
 Formulaire
 ************************************************ */
 
 #formulaire{
    float: left;
    width: 780px;
	height:100%;
	margin : 0 0 0 15px;
	/*background-color:yellow*/;
}
#formulaire table{
    float: left;
	width: 500px;
	height: 100%;
	font-style: normal;
	/*background-color:pink*/;
}
#formulaire input {
	margin-left: 15px;
	height: 20px;
	margin : 5px 0 0 0 ;
	background-color: #f7f7f7;
	border: 1px solid gray;
    float: left;
	/*background-color:orange*/;
}
#formulaire.titre{
	width: 300px;
	height : 29px;
	font-style: normal;
	margin : 5px 0 0 0 ;
	/*background-color:fuchsia*/;
}

#formulaire.titre2{
	width: 400px;
	height : 29px;
	font-style: normal;
	margin : 5px 0 0 0 ;
	/*background-color:blue*/;
}