/* CSS Document */

body, td{font-family: /*"Trebuchet MS", */Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; }
body { color: #000000;
	background-color:#FFFFFF;
}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/

#tout {
	width: 900px;
	margin: 30px auto 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #91D280;
}
#header {background: url(images/bg-header.png) no-repeat;font-family: Tahoma, Geneva, sans-serif;}
#header h1 { text-align: left; padding: 0; margin: 0;color: #558310; font-size: 32px; font-weight: normal}
#header h1 span { color: #333; display: block; font-size: 14px; padding-top:5px; font-weight: bold}
#header p { padding: 1px 6px; margin: 0; background: #7CBF17; text-align: right; color:#E3F3DF; clear: both; font-size: 10px;}
#header a { display: block; color: #558310; padding: 4px 8px 4px 8px}
#header a:hover { text-decoration: none;}
#header img { float: right}
#boite_diapo, #img_diapo {
    height: 320px;
    width: 900px;
}
#boite_diapo {
    background-image: url(images/bg-header-00.jpg);
    background-repeat: no-repeat;
    float: left;
}
#img_diapo {
    opacity: 0;
}
.titleHeader {
	width: 613px;
	vertical-align: middle;
	background: #E3F4DF url(images/titHome.gif) no-repeat;
}
.titleHeader h1{
	font-size: 23px;
	color: #000000;
	margin: 10px 0px 0px 0px;
	font-family: Tahoma, Verdana, Arial;
	text-align: right;
}
#centre {
	background: #E3F4DF;
	width: 900px;
}
#centre .centre {
	background: url(images/rayurFooter1.gif) repeat-x bottom;
	font-size: 12px;
	padding: 4px 10px 58px 10px;
	vertical-align: top;
} 
#centre .centreHome {
	font-size: 12px;
	padding: 0px 0px 58px 0px;
	background: url(images/rayurFooter1.gif) repeat-x bottom;
	vertical-align: top;
} 

.gauche {
	vertical-align: top;
	background: url(images/courbeLeft1.gif) no-repeat #1259C3;
	width: 220px;
	color: #FFFFFF;
}
.infos {
	padding-top: 70px;
	padding-right: 4px;
	padding-left: 4px;
}
.droite {
	background: #55B73D url(images/rayurFooter2.gif) repeat-x bottom;
	width: 200px;
	vertical-align: top; padding-left: 3px
	
}
#footer {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
}




/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
.centre table td {
	/*vertical-align: top;*/
}
.centre p {
	font-size: 12px;
	line-height: 16px;
}
/*table td{vertical-align: top}*/
p {
	padding: 2px;
	margin: 4px 0px 10px 0px;
}
a {text-decoration:none; margin: 0px; padding: 0px}
a:hover { text-decoration: underline;  }
/*table.nav a:visited, .nav2 a:visited, a:visited { color: #E95821}*/
h1,h2,h3,h4,h5,h6 {
	margin:0px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2D7306;
}
h1 {
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}
h2 {
	font-size: 16px;
	margin-bottom: 10px;
	background-image: url(images/puceOrange.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 4px;
}
h3 {
	font-size: 16px;
}
h4 {font-size: 12px;padding: 0 10 0 0; margin-bottom:3px;}

td.text {padding:5px;}
.text p {
	padding-left:10px;
	padding-right: 10px;
}
img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

/* lists */
ul {
	padding: 0px;
	margin: 0px 0px 16px 40px;
}
ul.listings li{ background:url(images/puce01.gif) no-repeat 0px 4px; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 16px; 
	list-style-type: none;}
li { margin: 0px 0px 2px 0px;}

/* forms */
input,textarea,select { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	border: 1px solid #787878; 
	background: #fff; 
}
hr { border: 1px solid #6493E7; width: 100% }
/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/


table.nav a:hover{color: #FFFFFF}


table.nav{
	font-weight: bold;
	text-align: center;
	color: #000066;
	background-color: #7CBF17;
	width: 100%;
}
table.nav *{font-size: 10px; color: #000000}

table.nav td{
	vertical-align: inherit;
}

/*******  NAV2   ********/
p.nav2{
	background-color: #0E469A;
	margin-bottom: 2px;
	color: #FFFFFF;
	margin-top: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 12px;
}
p.nav2 a{
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
p.nav2 a:hover{
	background-color: #FFFFFF; color: #0E469A}

/*****SSNAV2*****/
p.ssnav2{
	color: #FFFFFF;
	background-color: #568AE4;
	margin: 1px 0px;
	padding: 2px 0px 2px 10px;
}
.bgBlanc { background-color: #FFFFFF}
p.ssnav2 a{
	display: block;
	width: 100%;
	color: #FFFFFF;
}
p.ssnav2 a:hover{
	background-color: #FFFFFF; color: #3575DF}

table.nav .linkActive {background-image: url(images/bgLinkOn.jpg);
	background-repeat: repeat-x;}



/***************************************************************/
/**************       CLASSES DIVERSES         *****************/
/***************************************************************/

/**  header   **/
.drapeaux {
	width: 80px;
}
.actu1, .actu2 { color: #FFFFFF; font-size: 11px; padding: 6px; text-align: center;
}
.actu1 {
	background: #E95821;
}
.actu2 {
	background: #1259C3;
}

.drapeauxHome {
	background-image: url(images/home/home03.gif);
	background-repeat: repeat-y;
	vertical-align: inherit;
	padding-left: 16px;
}

/**  pavé gauche   **/


/**  pavé centre   **/
.etab {
	margin: 20px auto 14px auto;
	font-size: 12px;
	width: 100%;
}
.etab td{ padding: 1px;}
.etab table td{
	padding: 2px;
}
.etab .description { width: 100%}
.etab .photos { width: 236px}
.etab .photosX img{
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
}
.etab h3 {
	font-size: 14px;
	text-align: center;
	color: #1259C3;
	/*font-weight: normal;*/
	text-transform: uppercase;
	text-shadow: #000000;
	padding: 3px 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #568AE4;
	border-left-color: #568AE4;
}
.etab h4 {
	margin-bottom: 6px;
	margin-top: 4px;
	}
.etab h3 a{
	color: #1259C3;
}
.etab .titH3 {
	border-top: 0px solid #568AE4;
	border-bottom: 0px solid #568AE4;
	width: 100%;
	background: #CCEBC5;
	border-right-width: 0px;
	border-left-width: 0px;
	margin-bottom: 6px;
}
.titH3 .view {
	vertical-align: middle;
	width: 60px;
}
.titH3 .view img{
	border: 0px dotted black
	}
.titH3 .backLink {
	vertical-align: middle;
	width: 30px;
	font-size: 11px;
	padding-right: 4px;
}
.etab p {
	margin-bottom: 10px;
}

.imgrite {
	margin-left:5px;
	margin-bottom:5px;
}
.imgleft {
	margin-right:5px;
	margin-bottom:5px;
}
.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.centrerText {
	text-align: center;
}
.actu {
	margin-bottom: 8px;
	width: 98%;
	}
.actu td {
	color: #FFFFFF;
	padding: 3px;
}

.titreActu {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	color: #FFFFFF;
	margin-top: 4px;
}
.actu h2{
	color: #D00802;
	font-size: 14px;
	background: url(images/bgDateActu.gif) repeat-x;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 3px 0px;
}
.actu .title { }
.actu .title h3{
	font-size: 12px;
	margin: 0px;
	padding: 3px 2px;
	background: #E3F2DF;
}
div.infosHome {
	padding: 6px;
}

.iconpdf {
	padding-left: 18px;
	background: url(images/pdf.gif) no-repeat left;
	display: block;
}
.photosVert img{ display: block; margin: 0px 3px 4px 3px}
.legende {
	text-align: center;
	font-style: italic;
	font-size: 11px;
	padding: 0px;
	margin: 2px;
}

/* agenda */
.agendaCat{
	color:#000066;
	font-size: 18px;
	font-weight: bold;
	font-style:italic;
	border-bottom: 3px #000066 double;
}

.agendaTitre {
	color:#53645B;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 30 0 10;
	border-bottom: 1px solid #663333;
	border-top: 1px solid #663333;
	background-color:#FFFFCC;
}

.agendaDate {
	font-weight:bold;
	color:#53645B;
	background-color: #99FF99;
	margin-top: 10px;
	padding: 0 0 2 12;
}
.agendaText {
	padding: 2 0 0 10;
}


/*  contact  */ 
.submit {
	font-weight: bold;
	border: 1px solid #35418F;
	background-color: #E5943B;
	margin-left: 70px;
	margin-top: 20px;
}

.answer {
	color: #000000;
	text-align: center;
	width: 300px;
	margin-bottom: 20px;
}
.answer div{ background-color: #D8F0D2;	padding: 6px; }
.answer .backLink {
	font-weight: bold;
	/*border: 1px solid #35418F;
	background-color: #E5943B;*/
	margin-top: 20px;
	width: 140px;
	margin-right: auto;
	margin-left: auto;
}
.formtable{
	color: #000000;
	margin-top: 10px;
}
.formtable td{
 vertical-align: inherit
}
.formtext1 {
	/*background-color: #EEFAC7;*/
}
td.formtit {
	font-size: 12px;
	color: #03473A;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
	background-color: #CED3E7;
	border: 1px solid #35418F;
	vertical-align: inherit;
}
.asterisk { color:#CC0000}


/**  footer   **/
.coords td{ padding: 1px
	}
.coords h2{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0px;
}
.bandoFooter { border-top: 2px solid #000000; border-bottom: 2px solid #000000}
td.up {
	vertical-align: top;
	background-color: #E2E5EF;
	padding: 0px;
}
.linkMail { font-size: 11px; color: #CD5A00; font-weight: bold}
.neteor {
	font-size: 10px;
	border-top: 1px solid #1259C3;
}


/****************		CMS		 **********************/
.cms_tablo {
	margin-bottom: 12px;
	width: 100%;
}
.photo { margin-bottom: 8px}
.imgtoright .photo{ float: right; margin-left: 4px; margin-bottom: 10px}
.imgtoleft .photo{ float: left; margin-right: 10px}

p.imgtoleft { float: left}
p.imgtoright {
	float: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.download { list-style-type: none}

/*********************************************************************************************************/
/*****      CLASSES NON UTILISEE  (à placé ci dessus dans la section correspondante si utilisé)     ******/
/*********************************************************************************************************/

/* tables avec lignes */
table.lines {
	border:1px solid #EFEFBE;
	border-bottom:none;
	background-color: #FFFFFF;
}
.lines td {
	border-bottom:1px solid #CCCC66;
}

/* image droite */
.noline { border: none;}
.margeTop10 {
	margin-top: 10px;
}