@charset "UTF-8";
/* CSS Document */

html, body  {
	font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;
}

.bariere {
	clear:both;
	height:0;
	line-height:1px;
}

/*initialisation des margin et padding*/
#global div, #global h1, #global h2, #global h3, #global h4, #global h5, #global h6, #global ol, #global ul, #global dl, #global li, #global dt, #global dd, #global p, #global blockquote,  #global pre, #global form, #global fieldset, #global table, #global th, #global td, #global p { margin: 0; padding: 0; }
#public { font-size: 0.8em; background-color:#eee}
#global {
	background-image: url(images/point_fond_NL.jpg);
	background-position: right;
	width:1000px;
	margin:0 auto;
	overflow: hidden;	
}

#public a {
	color: #666666;
	text-decoration: none;
}
#public a:hover {
	color: #CC0000;
}
#global #entete {
	position: relative;
	height: 128px;
	width: 100%;
	color: #666666;
	text-decoration: none;
	z-index:80;
}

#global #entete img {
	float:right;
	position: relative;
	z-index: 10;
	display: block;
	border: 4px solid #000000;
}
/************************************************************* fil d'ariane *************************************************************/

#global .ariane {
	position:absolute;
	margin-top:2.1em;
	height:20px;
	line-height: 20px;
	padding:0 1em;
	color:#FFFFFF;
}
#global .ariane a {
	color:#FFFFFF;
}
/************************************************************** module recherche ********************************************************/
#global #entete #recherche {
	text-align: right;
	position: relative;
	background-color: #000000;
	color: #999999;
	font-family: "Courier New", Courier, monospace;
	z-index: 1;
	right: 20px;
	line-height: 35px;
}

#global #entete #logo {
	position: relative;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 442px;
	background-color: #FFFFFF;
}
#global #entete #recherche a {
	color: #999999;
	font-family: "Courier New", Courier, monospace;
}
#global #entete #recherche a:hover {
	color: #FF0000;
	font-weight: bold;
}
#global #entete #recherche form {
	display:inline;
}
/********************************************************* menu horizontal *************************************************************/
#global #entete ul {
	list-style-type: none;
	position: relative;
	z-index:100;
	top: 0px;
}
#global #entete ul li {
	display:block;
	float: left;
	position: relative;
}
#global #entete ul li a {
	display:block;
	float: left;
	position: relative;
	padding: 0.5em 0.5em 0.2em 0.5em;
	border-right:0.1em solid #000000;
	line-height:1.2em;
}

#global #entete ul li:hover > ul {
	display:block;
	position: absolute;
	top:2.1em;
	left: 0;
}
#global #entete ul li ul {
	display:none;
}

#global #entete ul li ul li a {
	display:block;
	width:120px;
	border:none; 
}

/************************************************************* menu vertical ***********************************************************/
#global #menu_vert ul {
	position:relative;
	left:0;
	float:left;
	list-style-type: none;
}
#global #menu_vert li {
	width:11.5em;
	padding:0.5em 0.5em 0.2em 0em;
	margin-top:2em;
	height:20px;
	line-height:20px;
}

#global #menu_vert a {
	background-color:#fff;
	padding:0.5em 0.5em 0.2em 0.5em;
	color:#000000;
}
#global #menu_vert a:hover {
	color:#666666;
	background-color:#eee;
}

/************************************************************ footer *****************************************************************/
#public #footer {
	position:relative;
	width:100%;
	text-align: center;
	font-size: 0.8em;
	background-color:#eee;
	line-height:2em
}
#public #footer a {
	color:#000000;
}
#public #footer a:hover {
	color:#990000;
}
/********************************************************* le module de news **********************************************************/
#global #col2 {
	position:relative;
	z-index:6;
	float:right;
	margin:2em 0em 2em 1em;
	width:20em;
}
#global .Accordion {
	margin:0em 0em 2em 0em;
	background-color:#fff;
	color: #666;
	overflow: hidden;
	border-bottom: solid 1px black;
}
#global .Accordion .news {
	padding:1em 0 1em 0;
	font-size:10px;
}
#global .Accordion .news img {
	margin:0 0 0.3em 0;
}
#global .AccordionPanel {
	background-color: #eee;
	margin: 0;
	padding: 0;
	border-top: solid 1px black;
}
#global .AccordionPanel:hover {
	background-color: #ccc;
}
#global .AccordionPanelTab {
	margin:0;
	padding: 0.2em  0.5em;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#global .AccordionPanelContent,#global  .AccordionPanelContent1 {
	overflow: auto;
	margin: 0;
	padding: 0 0.5em;
	height: 150px;
	color: #000;
	background-color: #fff;
}
#global #Accordion1 .AccordionPanelContent, #global #Accordion1 .AccordionPanelContent1 {
	height: 300px;
}
#global #Accordion2 .AccordionPanelContent1 img {
	/*float:left;*/
	display:block;
}
#global #Accordion2 .AccordionPanelContent img {
	float:left;
}
#global .AccordionPanelOpen .AccordionPanelTab {
	background-color:#ccc;
	color: #000;
}
#global .AccordionPanelTabHover, #global .AccordionPanelOpen .AccordionPanelTabHover {
}
#global .AccordionFocused {
}
#global .AccordionFocused .AccordionPanelTab {
	/*background-color: #CC0000;*/
}
#global .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	/*background-color: #33CCFF*/;
}

/********************************************************************** contenu **************************************************************************/
#global .zone-contenu, #global .zone-dist, #global .zone-PPL {
	position:relative;
}
#global .zone-contenu {
	z-index:1;
	width:42em;
	margin:2em 0 2em 12em;
	padding:1em;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}


#global .zone-contenu h1{
	
}
#global .zone-contenu .la_suite:hover {
	color: #CC0000;
}
#global .zone-contenu img {
	float:left;
	margin:1em 1em 0.5em 0;
}
#global .zone-contenu p {
	padding:1em 0;
}
#global .zone-contenu .contenu_FICH_IMG {
	float:left;
	margin:1em 1em 0em 0;
	width:150px;
}

#global .zone-contenu .contenu_FICH_IMG img {
	float:none;
	margin:0 0 1em 0;
}

#global .zone-contenu .contenu_FICH_TXT {
	margin:0 0 0 163px;
}
#global .zone-contenu h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;	
}
#global .zone-contenu .contenu_INFO img {
	float:none;
	margin:0em 1em 0.5em 0;
}
/************************************* pages liste  affichage liste *************************************/
#global .zone-contenu .en_liste  a {
	display:block;
	position:relative;
	height:100px;
	overflow: hidden;
}
#global .zone-contenu .en_liste .image img {
	border:none;
}
#global .en_liste .image {
	display:block;
	height:90px;
	width:120px;
	margin-right:10px;
	overflow: hidden;
	float:left;
}
#global .en_liste .image img {
	width:100%;
}

#global .en_liste h2 {
	font-size:14px;
	padding:0.5em;
}

#global .en_liste p {
	padding:0 0.5em;
}
#global .en_liste a {
	display:block;
	color:#000000;
}
#global .en_liste a:hover {
}
/************************************* pages liste  affichage damier *************************************/
#global .en-damier a {
	display:block;
	position:relative;
	width:12em;
	height:12em;
	overflow: hidden;
	float:left;
	margin:0 1em 1.2em 0em;
	text-align: center;
}
#global .en-damier .image {
	width:11.85em;
	max-height:11.85em;
	overflow: hidden;
}
#global .en-damier .image img {
	border:none;
	margin:0.15em auto 0.5em 0.15em;
}

#global .en-damier h2 {
	font-size:14px;
	padding:0.5em;
}

#global .en-damier p {
	padding:0 0.5em;
	display: none;
}
#global .en-damier a {
	color:#000000;
}

#global .en-damier a:hover .image {
	display:none;
}
#global .en-damier a:hover p {
	display:block;
	text-align:left;
	color:#000000;
}
/************************************************************** formulaire inscription **************************************************************************/

#global #FORM_CONTACT .p_serre2 em {
	font-size:10px;
}
#global #FORM_CONTACT p.p_serre2 {
	line-height:18px;
	margin:0.4em;
	padding:0;
}
#global #FORM_CONTACT .p_serre2 label {
	float: left;
	width: 80px;
}
#global #FORM_CONTACT .ALERT {
	color:#fff;
	font-weight: bold;
	text-decoration: blink;
	font-size: 16px;
}
/************************************************************** la page news ************************************************************************************/
#fond {
	background-image: url(images/point_fond.jpg);
	height: 500px;
	width: 500px;
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 10px;
}
#logo {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 422px;
	position: absolute;
	z-index: 2;
	left: 530px;
	top: 30px;
}
#blanc {
	background-color: #FFFFFF;
	height: 545px;
	width: 465px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	position: absolute;
	z-index: 3;
	top: 54px;
	left: 54px;
}
#news {
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 62px;
	position: absolute;
	z-index: 4;
	top: 44px;
	left: 44px;
}
#administration {
	background-image: url(images/Administration.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 144px;
	position: absolute;
	z-index: 4;
	top: 44px;
	left: 44px;
}
.Img {
	position: absolute;
	z-index: 5;
	top: 100px;
	left: 540px;
	width: 264px;
	text-align: center;
}
.Img a {
	color: #CC6666;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}
.Img a:hover {
	color: #660000;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	background-color: #CCCCCC;
}
.Img img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.chapo {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	position: relative;
	z-index: 6;
	width: 380px;
	top: 90px;
	left: 100px;
	letter-spacing: 1px;
}
.gris {
	color: #333333;
}
.noir {
	color: #000000;
}
#cont_bleu, #cont_gris {
	width: 400px;
	position: relative;
	z-index: 7;
	top: 100px;
	left: 90px;
	font-size: 12px;
	color: #000000;
}
#cont_bleu {
	background-color: #D3E6F4;
}
#cont_gris {
	background-image: url(images/pix_gris.jpg);
}
#cont_bleu2, #cont_bleu3 {
	background-color: #D3E6F4;
	position: relative;
	z-index: 7;
	font-size: 12px;
	color: #000000;
}
#recherche {
	position: relative;
	z-index: 7;
	font-size: 12px;
	margin-bottom:10px;
}
#cont_bleu2 {
	width: 400px;
}
#cont_bleu3 {
	width: 700px;
}
#cont_bleu h6, #cont_bleu2 h6, #cont_bleu3 h6, #cont_gris h6 {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
}
#cont_bleu3 h6 a {
	color: #CCCCCC;
	text-decoration: none;
	background-color: #999999;
	display: block;
	height: 20px;
	width: 200px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #FFFFFF;
	line-height: 20px;
	text-align: center;
}
#cont_bleu3 h6 a:hover {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #333333;
	line-height: 18px;
	text-align: center;
	width: 198px;
	padding-right: 2px;
}
#cont_bleu p, #cont_bleu2 p, #cont_bleu3 p, #cont_gris p {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	letter-spacing: 1px;
	word-spacing: 4px;
}
#cont_bleu p, #cont_bleu2 p, #cont_bleu3 p {
	font-size: 11px;
}
#cont_gris p {
	font-size: 10px;
}

#cont_bleu2 form, #cont_bleu3 form {
	line-height: 25px;
}
#cont_bleu2 form label {
	float: left;
	width: 90px;
	margin-left: 10px;
}
#cont_bleu3 form label {
	float: left;
	width: 120px;
	margin-left: 10px;
}
#cont_bleu2 form p.p_serre, #cont_bleu2 form p.p_serre2, #cont_bleu3 form p.p_serre2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#cont_bleu2 form p.p_serre2, #cont_bleu3 form p.p_serre2 {
	margin-bottom: 5px;
}
#cont_bleu3 form p.p_serre {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 5px;
}
#cont_bleu #entete, #cont_bleu2 #entete {
	background-image: url(images/haut_bleu.jpg);
	background-repeat: no-repeat;
}
#cont_gris #entete {
	background-image: url(images/haut_gris_long.jpg);
	background-repeat: no-repeat;
}
#cont_bleu3 #entete {
	background-image: url(images/haut_bleu_long.jpg);
	background-repeat: no-repeat;
}
#cont_bleu #footer, #cont_bleu2 #footer {
	background-image: url(images/bas_bleu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#cont_gris #footer {
	background-image: url(images/bas_gris_long.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#cont_bleu3 #footer {
	background-image: url(images/bas_bleu_long.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#gris1 {
	background-color: #E7E7E9;
	width: 113px;
	position: relative;
	z-index: 8;
	top: 110px;
	left: 90px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 16px;
	float: left;
}
#gris1 #entete {
	background-image: url(images/haut_gris.jpg);
	background-repeat: no-repeat;
	height: 7px;
	position: relative;
	top: 0px;
}
#gris1 p {
	font-size: 11px;
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 0px;
	padding-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#gris1 #footer {
	background-image: url(images/bas_gris.jpg);
	background-repeat: no-repeat;
	height: 7px;
}
#gris2, #rose2 {
	width: 280px;
	position: relative;
	z-index: 9;
	top: 110px;
	left: 90px;
	font-size: 10px;
	margin-left: 120px;
}
#gris2 {
	background-color: #E7E7E9;
}
#rose2 {
	background-image: url(images/pix_rose.jpg);
	font-size: 12px;
}
#gris2 p, #rose2 p {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}
#gris2 #entete {
	background-image: url(images/haut_gris2.jpg);
	background-repeat: no-repeat;
	height: 9px;
}
#rose2 #entete {
	background-image: url(images/haut_rose2.jpg);
	background-repeat: no-repeat;
	height: 9px;
}
#gris2 #footer {
	background-image: url(images/bas_gris2.jpg);
	background-repeat: no-repeat;
	height: 9px;
}
#rose2 #footer {
	background-image: url(images/bas_rose2.jpg);
	background-repeat: no-repeat;
	height: 9px;
}
#gris2 ul {
	margin-right: 8px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.champ_form {
	position: absolute;
	left: 100px;
}
.form_chail {
	font-size: 12px;
	line-height: 20px;
}
label {
}
#confirm {
	position: relative;
	z-index: 8;
	top: 100px;
	left: 90px;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
.commentaire {
	line-height: normal;
	font-size: 9px;
	letter-spacing: normal;
}
/***************************************administration************************************************/
#menu {
	position:relative;
	z-index: 100;
	list-style-type: none;
	left: 5px;
	top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	width: 100px;
}
#menu a {
	color: #000000;
	text-decoration: none;
}
#menu a:hover {
	color: #990000;
}
#menu li {
	background-color: #CCCCCC;
	width: 100px;
	height: 16px;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	/*position: relative;*/
}
#menu li:hover > ul {
	display: block;
}
#menu li:hover {
	background-color: #E3C1B3;
}
#menu ul {
	list-style-type: none;
	display: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 200;
	margin-left: 45px;
}
#menu ul li {
	margin: 0;
	width: 80px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#zone_admin {
	position: absolute;
	left: 200px;
	top: 90px;
	z-index:7;
}
.editeur {
	width:550px;
	margin-left: 130px;
}
hr {
	clear:both;
	text-decoration: none;
	border_top: 1px solid #000000;
}
.LIST {
	max-height:300px;
	overflow: scroll;
}
.LIST, #LIST_MAIL {
	margin-right: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	margin-bottom: 10px;
}
#LIST_MAIL {
	overflow: auto;
	height: 400px;
	background-color: #FFFFFF;
}
.LIST .SUP_LIST, .LIST .MODIF_LIST, .LIST .NOM, .LIST .PREVU_LIST {
	top: 0px;
	display: block;
	position: absolute;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
}
.LIST .SUP_LIST {
	width: 100px;
	right: 0px;
	text-align: center;
}
.LIST .MODIF_LIST {
	width: 100px;
	right: 100px;
	text-align: center;
}
.LIST .PREVU_LIST {
	width: 50px;
	right: 200px;
	text-align: center;
}
.LIST .NOM {
	width: 150px;
	right: 200px;
	text-align: left;
	padding-left:5px;
}
.LIST .LGN_LIST1,.LIST .LGN_LIST2 ,.LIST .LGN_LIST3,.LIST .LGN_LIST4,.LIST .LGN_LIST5 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
.LIST .LGN_LIST1 {
	background-color: #E1E2C6;
	line-height: 20px;
	height: 20px;
}
.LIST .LGN_LIST2 {
	background-color: #FFFFFF;
	line-height: 20px;
	height: 20px;
}
.LIST .LGN_LIST3 {
	background-color: #CCCC99;
	line-height: 20px;
	height: 20px;
}
.LIST .LGN_LIST4 {
	background-color: #FF3333;
	line-height: 20px;
	height: 20px;
}
.LIST .LGN_LIST5 {
	background-color: #FFFFFF;
	line-height:100px;
	height: 100px;
}
.LIST .LGN_LIST5 img {
	height: 80px;
	margin-top:10px;
}
.LIST a {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
.LIST a:hover {
	color: #333366;
}
.LIST .DATE {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}
.LIST .NOM {
	font-weight: bold;
	color: #666666;
}
.LIST .couleur {
	display:block;
	float:left;
	width:60px;
}
.alerte {
	font-weight: bold;
	color: #990000;
	text-decoration: blink;
}
.LIEN_MAIL, .ACTIF_MAIL {
	line-height: 20px;
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003366;
	margin: 1px 2px;
	padding: 2px 10px;
}
.LIEN_MAIL {
	color: #990000;
}
.LIEN_MAIL:hover {
	color: #CCCCCC;
	background-color:#003366
}
.ACTIF_MAIL {
	color: #000000;
	background-color: #FFFFFF;
}
.BT_TYP {
	display: block;
	float: none;
}
/*lecteur video*/
#Z-lecteur {
	display:none;
	position:absolute;
	width: 100%;
	height: 100%;
}
#sombre {
	position:absolute;
	top:0;
	width: 100%;
	height: 100%;
	z-index:1000;
	opacity:0.5;
	filter: alpha(opacity=50);
	background-color: #000000;
}
#lecteur {
	position:relative;
	top:100px;
	z-index:1011;
	background-color:#FFF;
	margin: auto;
	width: 1000px;
	text-align: center;
}
#lecteur iframe, #lecteur embed {
	margin: 50px;
}
.input_ordre {
	height:10px;
	margin-right:5px;
}