body{

	background-color:#fafafa;
line-height: 18px;
	FONT-FAMILY:verdana;
	font-size:12px;
}

/***********************style globale d'afficahge des pages*********************/

#masthead{
	border-bottom: 1px solid #cccccc;
	height:135px;
	background-color:#FFFFFF;
		left:2%;
	right:2%;
	width:940px;
	margin:auto;

}
#logo{
height:130px;
width:20%;
float:left;
background:url(../IMG/jpg/cachet_1.jpg) no-repeat left;

}
 #grand_bloc{
 width:950px;
 background-color:#FFF;

left:2%;
	right:2%;
 margin:auto;
 }
.pubforma{
color:#FF9900;
width:100%;
background:#444444 url(../IMG/gif/formation.gif) no-repeat center;

}
#hg_nr {
background:u:url(../IMG/gif/hg_nc.gif) no-repeat top left;


}
#hd_nr {
background:url(../IMG/gif/hd_nc.gif) no-repeat top right;

}
#bd_nr {
background:url(../IMG/gif/bd_nc.gif) no-repeat bottom right;
}
#bg_nr {
background:url(../IMG/gif/bg_nc.gif) no-repeat bottom left;
}
.pubforma a{
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF9900;
}
#divconteneur2{
height:130px;
width:80%;
float:right;
background:#FFFFFF url(../IMG/jpg/logo_1_1.jpg) right no-repeat;
}
#bandeslogan{
padding-top:23px;
background-color:#C1E0FF;
font-size:100%;
width:940px;
margin:auto;

}

#repertoire{
clear:both;
font-size:90%;
font-weight:600;
width:940px;
margin:auto;
background-color:#E0E0E0;
}
#conteneur_menu{
text-align:left;
clear:both;
	font-size:12px;
	font-weight:700;
margin:auto;
}
/********style du menu ****************************/
.backG {
	FONT-FAMILY:verdana;
	background-color:#93c39b; 
	color:#ffffff; 
	border-bottom:#538c4d 2px solid;
	font-size:12px;
}	
td.form1
{
	FONT-FAMILY:verdana;
	background:#eaeaea;
	font-size:13px;
	font-weight:700;
}

/*******************NAVIGATION DE GAUCHE**********************************/
#navleft{
	width: 260px;
	padding-right:3px;
	padding-bottom:5px;
	background-color:#E0E0E0;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;	
	float: left;	
}
#navdroit{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width:1px;
	height:800px;
	background-color:#CCCCCC;
	float:right;
	}
.titregauche{
background-color:#6CB6FF;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:600;
line-height:20px;
padding:3px;

}

.soustitregauche{
background-color:#F2F9FF;
color:black;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}

/*********************LISTE A PUCES DE GAUCHE******************************/
.soustitregauche ul{
 padding-top:7px;
 padding-left:2px;
 padding-right:2px;
margin:0px;
}
.soustitregauche ul li{
  list-style-type:none;
  padding-bottom:7px;
  color:black;
   text-align:left;
  padding-left:2px;
    font-family:Georgia, "Times New Roman", Times, serif;
  font-size:11px;
  font-weight:500;
  line-height:20px;
  border-bottom:solid 1px #6CB6FF;
  }
 /**************************style lien de gauche***********************************/
 .soustitregauche ul li a{
 text-decoration:none;
 text-align:left;
    font-family: verdana, sans-serif;
  font-size: 100%;
  font-weight:600;
  color:#000077;
  }
  .soustitregauche ul li a:hover{
  font-family: verdana, sans-serif;
  text-decoration:none;
  font-size: 100%;
  font-weight:600;
  color:#FF0080;
  }
 a { color:#000000; text-decoration: none; }
  .on{
  text-decoration:none;
  font-size: 12px;
  font-weight:bold;
  color:#FF0080;
  }
  .soustitregauche ul li a.on{
   font-family: verdana, sans-serif;
  font-size: 13px;
  text-decoration:none;
  color:#FF0080;
  font-weight:bold;
  }
  
/*****************************NAVIGATION DE DROITE*******************************/ 
#navright{
	width:1px;
	margin: 0px;
	padding: 0px;
	background-color:#EFEFEF;
  float:right;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height:1500px;

}
 
 /***********************CONTENT******************************************/
#content{
	float:left;
	background-color:#FAFAFA;
  width: 665px;
  padding-top:10px;
  padding-left:5px;
  padding-bottom:10px;
  margin-left:2px;
}
/***********************************fIN CONTENT***************************/
/*****************************style des paragraphes***********************/
p{
text-align:justify;
color:#2A2A2A;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}
p a{
color:#FF5555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
}
/****************titre des autreurs des article zenu*************************/
h1{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:600;
font-size:100%;
color:#000077;
}
h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:600;
color:#0066CC;
}
h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color:#FF0080;
 font-weight:600;
}
h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
color:#333333;
font-weight:600;
}
h5
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
color:#400040;
text-align:right;
font-weight:600;
}
img{
margin-right:4px;
}
/**********************************************************************************/
/******************************style des cadre des publications*******************/
.cadre{
border:solid;
float:right;
border-width:1px;
border-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
width:69%;
margin-bottom:20px;

padding-left:2px;
}
.cadre_sommaire{
float:left;
display:block;
border:solid;
border-width:1px;
border-color:#000000;
margin-left:1px;
padding-bottom:6px;
height:192px;
padding-left:2px;
padding-top:6px;
background:url(../IMG/gif/PorteZenu.gif);
width:29%;
}
 .cadre_sommaire h1{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:600;
background-color:#FFFFFF;
font-size:87%;
color:#000077;
padding:1px;
  }
.cadre h2{
text-align:center;
font-weight:bold;
font-size:110%;
font-family:Georgia, "Times New Roman", Times, serif;
 color:#FF0080;
}
.cadre h3{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #334d55;

 }
.cadre h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:600;
padding-top:3px;
color:#000000;
}
/*************************description des liens des sommaires**********************************/
.cadre a{
font-family:Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:600;
color:#0066CC;
text-decoration:none;
}
.cadre a:hover{
text-decoration:underline;
 color:#FF0080;
}
/***************mes listes à puces**********************************/
ul{text-align:justify;}
ul li{
padding-bottom:10px;
list-style:square;
list-style-position:outside;
}
/******************style pour nom+profession***************************/
.style_fonction{
background-color:#000066;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
text-align:center;
font-size:90%;
padding:4px;
}
.nomd{
background-color:#000066;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
text-align:center;
font-size:90%;
float:right;
padding:4px;
}
/********************************************************************************/
/**************style pour bloc flottants d'images****************************/
.img_gauche
{
float:left;
width:47%;
}
.img_droit{
float:right;
width:48%;
}
.img_trait{
clear:both;
padding-top:4px;
padding-bottom:4px;
}
/******************************************************************************************/

/****************************style des formulaires***********************/
textarea{
width:90%;

height:85px;
}

fieldset{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:600;
}
label{
margin-right:1px;
color:#333366;
font-family:"Times New Roman", Times, serif;
font-weight:600;
font-size:90%;
}
#inscription{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:600;
text-align:center;
padding:4px;
background-color:#82C0FF;
color:#333333;
}
#symbole{
color:#FF0000;
font-family:"Times New Roman", Times, serif;
text-decoration:blink;
top:5px;
}
.erreur{
color:#FF0000;
font-size:90%;
}
.formulaire_ok{
color:#003399;
text-align:center;
font-weight:600;
font-size:90%;
}
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; font-family:Arial, Helvetica, sans-serif; }
.reponse_formulaire_ok{
color:#009900;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
text-align:center;
}
/************************style des colonnes de l'actualités**************************/
.newsd{
text-align:justify;
font-size:90%;
height:270px;
}

.newsg{
text-align:justify;
font-size:90%;
height:270px;
}
.imgactud{float:right; margin-left:4px;}
.imgactug{float:left;}
/*********************BLOC  PUBLICATION date et auteurs article*******************************/
.publication{
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color:#EAEAEA;
font-weight:800;
}


.publication p{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:95%;
font-weight:800;
color:#333333;
}
.publication p a img{
float:left;
border:0;
margin-top:4px;
}
.publication p a{
font-size:110%;
color:#FFFFFF;
text-decoration:none;
text-align:left;
font-weight:800;
background-color:#007AF4;
margin-right:5px;
}
/***********************Bloc publication titre et chapo article***************************/
.alauneg{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
text-align:justify;
color:#00BFBF;
float:left;
width:49%;
}
.alauneg img{float:left;}
.alauned{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
color:#00BFBF;
text-align:justify;
width:49%;
float:right;
}
.alauned img{float:right; margin-left:3px;}
.alauned a:hover{
text-decoration:none;
color:#000077;
}
.alauneg a:hover{
text-decoration:none;
color:#000077;
}
/***********************bloc interactif pour l'actualités******************/
.inter_actif{
background-color:#C1E0FF;
color:black;
clear:both;
}
.inter_actif a{color:#000000; font-weight:500;}
.inter_actif a:hover{color: #F57900; text-decoration: underline;}
#inter_space{
background-color:#F2F9FF;
height:50px;
color:#333333;
}
.bloc_pseudo{
width:28%;
padding:5px;
float:left;
text-align:center;
border-bottom:solid 2px;
}
.bloc_message{
width:68%;
float:right;
padding:5px;
border-left:solid 2px #666666;
border-bottom:solid 2px;
}
/***********************styles des tableaux**********************************/
/* Tableaux */
table{font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;}

.soustitregauche table{width:240px;}
p table{
width: 99%; margin-left:20px;margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height:20px;}
p td{
text-align:left;
font-size:12px;
border:solid 1px #DADADA;
}
#style_legend{ background:#C1E0FF; text-align:center; font-weight:600; text-align:center;}
#style_ligne1{background: #EEE; vertical-align:text-top;}
#style_ligne2{ background: #DDD; text-align:center;}

table.spip { width: 90%; margin-left:1px;margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height:20px; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background:#FFEAEA; text-align:center;  }
table.spip tr.row_odd {  background: #EEE; }
table.spip tr.row_even {  background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top;  padding:5px; }
/*************fin style des tableaux********************************/

/***************************************AGENDA*******************************/
#pscroller1{
background-color:#FFF0F0;
height: 250px;
padding:5px;
text-align:justify;
}
#pscroller1 a:hover{
text-decoration: none;
background-color:#FFCC66;
color:#000000;

}
#pscroller2{
font-size: 90%;
font-family:Geneva, Arial, Helvetica, sans-serif;
height: 90px;
font-weight:600;
color:#333333;
padding: 3px;
margin-bottom:1px;
background-color:#FFF3E8;
text-align:left;
}
/******************************FIN AGENDA*********************************************/

/*******************Menu du Haut**********************************/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menup, .ssmenu {
		visibility:hidden;
	}
}


	.panel h2.title { margin-bottom: 1px }
	noscript div { background: #F5F5F5; border: 1px solid #900; margin: 0px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 5px 0;}
	.coda-slider { background: #f5f5f5; width:550px;  }
	.title{display:none}
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 300px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider{margin:auto} 
	.panel {width:550px; margin:auto}
	.panel-wrapper{width:550px;margin:auto}
	.panel-wrapper p{
	background:#F0F8FF;}
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows { width:550px;  margin:auto; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 1px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 3px; width: 100px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding:1px;margin:auto; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 3px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px
	
; text-decoration: none }	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }