body{
	font: 0.9em "Times new Roman",Arial,sans-serif ;
	/*background-image : url('../images/fond.jpg');*/
	margin :0;
	padding : 0;
	/*background-position: center;*/
	/*background-attachment : fixed;*/
}

/* DEBUT MENU*/
#menu {
	width:170px;
	padding : 45px 10px 50px 0px;
	float:left;
	font-weight:normal;
	background-image : url('../images/panneauNavigation.gif');
	background-repeat : no-repeat;
}

#nav {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;	/* Création du contexte de formatage */
}

#nav li {
	/*float: left ;*/
	width: 170px ;
	/*border: 1px solid #600 ;*/
	margin: 0px ;
	color: #fff ;
	/*height : 25px;*/
	/*background: #c00 ;*/
}

#nav li a {
	display: block ;
	/*#background: #c00 ;*/
	background-image: url('../images/bouton.gif');
	background-position:10px 0px;
	background-repeat : no-repeat;
	color: #fff ;
	font: 1.1em "Trebuchet MS",Arial,sans-serif;
	font-weight:normal;
	/*line-height: 1em ;*/
	padding: 4px 0px 4px 12px ;
	margin:0;
	/*text-align: center ;*/
	text-indent : 25px;
	text-decoration: none ;
}

#nav li a:hover, #nav li a:focus, #nav li a:active {
	/*background: #900 ;*/
	text-decoration: none ;
	font-weight:bold;
}	

#nav li a#menuActif{
	/*background: #900 ;*/
	background-image: url('../images/boutonSelectionne.gif');
	text-decoration: none ;
	font-weight:bold;
}
/* FIN MENU */


#blocPrincipal
{
	width : 98%;
	margin : 0 1%;
}

#contenu{
	/*width : 800px;*/
	padding-left : 200px;
	padding-right : 50px;
	font-weight: bold;	
	color : #666;
}

#contenu a
{
	color: #1589FF;
}
.imageIllustration{
	float : right;
	padding : 20px 0px 20px 5px;
}

ul#liste
{
	list-style:url('../images/puce.gif');
}

ul#liste li
{
	padding-bottom : 5px;
}

ul#liste li ul
{
	padding-top:10px;
}

.listeFonction, .listeFonction li
{
	list-style-image : none;
	list-style-type : disc;
	color:red;
}

.listePersonne, .listePersonne li 
{
	list-style-image : none;
	list-style-type : square;
	color:green;
	padding-bottom:8px;
}

p#titre
{
	color : black;
	font-weight:bold;
	border-bottom:dashed 1px red;
	border-top:dashed 1px red;
	padding:5px;
	margin:5px 0px;
}

.imageBandeau{
	height : 60px;
}
  
#bandeauHaut {
	text-align:center;
	width:100%;
	height : 60px;
}

.forceOuvriere{
	color : red;
	font-weight : bold;
}

#signature{
	text-align : left ;
	margin-left : 50% ;
}

#compteur{
	font: 0.9em "Times new Roman",Arial,sans-serif ;
	color : #666;
	float:right;
}

#compteur img{
	width:45px;
	height : 10px;
}

#footer
{
	background-image : url('../images/separator.png');
	background-repeat :no-repeat;
	background-position : center top;
	padding-top: 20px;
	padding-bottom : 20px;
	margin-left: 150px;
	text-align : center;
}

#footer p
{
	margin : 0;
	padding : 0;
	font : 0.8em "Verdana";
	font-style : italic;
}

#footer a
{
	color : black;
	text-decoration: none ;
}

#footer a:hover, #footer a:focus, #footer a:active
{
	text-decoration: underline ;
}

.center{
	text-align:center;
}

/* Cadre Organigramme*/
/*.unPanneau{
	margin : 0% 34% 0% 34%;
	width : 30%;
	float:right;
}

.troisPanneau{
	margin-right : 1%;
	width : 33%;
	float:right;
} */

.panneauTiers
{
	float:left;
	text-align : center;
	/*padding-right : 3% ;*/
	width : 33.3333%
}

.organigramme
{
	border : solid #EE1C25 3px;
	text-align : center;
	width : 200px;
	height:129px;
	/*margin-bottom : 20px;*/
	margin-left : auto;
	margin-right : auto;
}

.organigrammeVide
{
	width : 200px;
	height:135px; /*150 + 2* taille de la bordure*/
	/*margin-bottom : 20px;*/
	margin-left : auto;
	margin-right : auto;
}

.organigramme img
{
	height : 70px;
	width : 70px;
	padding : 0px 0px;
	/*float:left;*/
}

.spacer
{
	clear:both;
}

.fonctionOrganigramme
{
	background-color : #EE1C25;
	color : black;
	width :100%;
	padding : 2px 0px;
}

.nomOrganigramme
{
	font-size : 0.9em;
	/*float : left;*/
	font-style : italic;
	padding : 5px 5px 0px 5px;
}

.espaceOrganigramme
{
	height:20px;
	margin:0;
	padding:0;
}

.bordVerticalGauche
{
	background-image : url('../images/bordVertical.png');
	background-repeat : repeat-y;
	margin-left : 50%;
	width:50%;
}

.bordHorizontalGauche{
	margin-left : 50%;
	width:50%;
	background-image : url('../images/bordHorizontal.png');
	background-repeat : repeat-x;
}

.bordVerticalCentre
{
	background-image : url('../images/bordVertical.png');
	background-repeat : repeat-y;
	margin-left : 50%;
	width:50%;
	margin-top : -20px;
	height:40px;
}

.bordHorizontalCentre
{
	margin-left : 0%;
	width:100%;
	background-image : url('../images/bordHorizontal.png');
	background-repeat : repeat-x;
}

.bordVerticalDroit
{
	width:100%;
	background-image : url('../images/bordVertical.png');
	background-repeat : repeat-y;
	background-position:center;
	margin-top : -3px;
	height : 23px;
}

.bordHorizontalDroit
{
	margin-right : 50%;
	width:50%;
	background-image : url('../images/bordHorizontal.png');
	background-repeat : repeat-x;
	background-position:left;
}

.afoc{
	color:green;
}

.adhesionAfoc
{
	border : solid 3px green;
	margin-left: auto;
    margin-right: auto;
	width : 380px;
	text-align:center;
	padding:0;
}

.adhesionAfoc p
{
	float:left;
	padding:0;
	margin: 5px 0px 5px 5px;
}

.adhesionAfoc img
{
	border : none;
	float : left;
	margin: 5px 0px 5px 5px;
}

.black
{
	color : black;
}

ul#listeAfoc
{
	list-style:url('../images/puceAfoc.gif');
}

.champFormulaire
{
	width : 90%;
	padding-bottom : 20px;
	margin:0 0 0 5%;
	padding :0;
}

.nomChamp
{
	width : 30%;
	float:left;
	margin:0;
	padding :0;
	text-align : right;
	color:black;
}

.valeurChamp
{
	float:left;
	text-align : left;
	width : 60%;
	margin-left:1%;
	margin-bottom:10px;
	padding :0;
}

.champObligatoire
{
	color:red;
}

.centrer
{
		text-align:center;
}

.infoContact
{
	margin-left : 30px;
	color:red;
}

.departItineraire
{
	text-decoration: underline ;
	margin-top:5px;
	color:black;
}

.indicationItineraire
{
	font-weight:normal;
	font-style:italic;
	color:black;
	margin-left:40px;
}

.telephone
{
	color:#1589FF;
	padding-left : 20px;
}

.nomPersonne
{
	color:green;
}

.fonction
{
	color:black;
	text-decoration : underline;
}

.actu
{
	width:70%;
	margin-left:15%;
	margin-bottom:10px;
}

.titreActu
{
border : solid red 3px;
width:100%;
color:white;
background-color:red;
text-align:center;
margin:0;
border-collapse:collapse;
/*font-size : 18px;*/
}

.cadreActu
{
border : solid red 3px;
border-top:none;
padding : 10px 0px;
width:100%;
text-align:center;
border-collapse:collapse
}

.cadreActu img.illustration
{
  width : 90%;
}

.commentaireActu
{
}

.galeriePhotos img
{
	border : none;
	/*width: 130px;*/
	/*height : 100px;*/
}

.galeriePhotos img.cacher
{
	/*display : none;*/
}

.navigation  img
{
	height : 20px;
	width: 20px;
	display:none;
}