@charset "UTF-8";
	img a{
		border : none;
		margin:0px;
		}

form
{
	padding: 0px;
	margin: 0px;
}

.bodypage 
{
	font-family: verdana, Helvetica, Verdana, Arial;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-image: url(../images/fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #7B6653;
}
.bodypage hr{
	background-color: #999999;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.bodypage td
{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.bodypage table{
	width:100%;
}
.bodypage img{
	border:0px;
}
.bodycontainer {
	font-family: "Trebuchet MS", Verdana;
	font-size: 14px;
	color: #000000;
	width: 1089px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.header {
	
}
.header_titre {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.sub_header {
	text-align: left;
	line-height: 2 em;
	background-color: #010101;
	padding-left: 10px;
	color: #FFFFFF;
}

.logo{
	height: 168px;
	width: 258px;
}
.menu {
	margin-left: auto;
	margin-right: auto;
	min-height: 25px;
	height:auto;
	padding-left: 25px;
	}
	
#html menu {
	height: 50px;
	}	
.menu table{
	padding: 0px;
	margin: 0px;
}
.left{
	width:855px;
	float: left;
}
* html .left { display:inline; }

.right{
float:left;
	width: 227px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding:0px;
	margin:0px;
}
* html .right { display:inline; }

.alerte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993300;
	background-color: #CCFF00;
	padding: 5px;
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
}
.SosAudience {
	height: 160px;
	width: 204px;
	background-image: url(../images/information.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	background-position: center top;
	padding-right: 15px;
	padding-left: 15px;
}

.SosAudience img{
	border:0px;
	width:200px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
}

#recherche_submit{
	margin: 0px;
		font-size: 9px;

}
#recherche {
	font-size: 9px;
	color: #666666;
	height: 15px;
	width: 120px;
	padding:0px;
	margin:0px;
	border:none;
	background-image: url(../images/loupe.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
	text-indent: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#recherche input{
		font-size: 9px;
			padding:0px;

}
#recherche #table_recherche{width:200px;}


.annuaire select{
margin-bottom:5px;
}
.recherche a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	text-decoration: none;
}
.recherche a:hover{
	text-decoration: underline;
}

.connexion {
	height: 47px;
	width: 227px;
	padding-top: 82px;
}


.flashcontent{
	width:720;
	height:300;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.content {
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.article{}
.article td{
	text-align: left;
}
.article_texte{
	padding-top: 25px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: justify;
}
.article h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6e5c4b;
	margin-top: 2px;
	font-weight: normal;
	text-transform: uppercase;
}
.article h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #062b67;
	margin-top: 0px;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A6C7E6;
	border-right-color: #A6C7E6;
	border-bottom-color: #A6C7E6;
	border-left-color: #A6C7E6;
	padding-bottom: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin-bottom: 5px;
}
.article h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6783c0;
	margin-top: 0px;
	font-weight: normal;
	text-transform: uppercase;
}
.article h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #062b67;
	margin-top: 0px;
	font-weight: bold;
	margin-bottom: 2px;
}
.article_texte ul{
	list-style-image: url(../../images/puce.gif);
}
.clear {
	clear: both;	
}
.liste {
	color: #666666;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #002F67;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 5px;
	margin-top: 10px;
}
.liste a{
	color: #002F67;
	text-decoration: none;
	font-weight: bold;
}
.liste a:hover{
	color: #002F67;
	text-decoration: underline;
}
.news_chapitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #4361a2;
	background-image: url(../images/chapitre_fond.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 27px;
	width: 1089px;
	clear: both;
	padding-top: 10px;
	text-indent: 60px;

}
.news_content {
	background-image: url(../images/news_fond.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 30px;
	padding-left: 55px;
	height:auto;
	min-height:200px;
}

#html news_content {
	height:200px;
}
.news {
	float: left;
	width: 220px;
	margin-right: 12px;
	margin-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.news a{color: #FF9900;
	text-decoration: none;
	
}
.news a:hover{
	color: #FF9900;
	text-decoration: underline;	
}
.news h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #002F67;
	text-transform: uppercase;
	text-align: center;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6C7E6;
	clear: none;
	width: 950px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.footer a{
	color: #999999;
	text-decoration: none;
}
.footer a:hover{
	color: #999999;
	text-decoration:underline;
}

.explorer td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	text-transform: uppercase;
	color: #5d88bd;
}
.explorer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #002F67;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}

.explorer a:hover{
	color: #5d88bd;
	text-decoration: none;
}
.dossier_liste{
	background-image: url(../images/picto_dossier.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	margin-left: 30px;
}
.dossier_liste a{
font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #002F67;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	
}
.dossier_liste a:hover{
	color: #5d88bd;
	text-decoration: none;
}
.chapitre_article{
	background-image: url(../images/chapitre_article_fond.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #4361a2 ;
	text-indent: 10px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.form_forum{
	background-color: #d5e6f5;
	padding: 10px;
	border: 1px solid #C9C9CD;
	margin-right: 10px;
	margin-left: 10px;
}
.forum td{
	padding: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.audience td{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.liste_audience td{padding:5px;}
.liste_audience a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0033;
	text-decoration: none;
}
.liste_audience a:hover{
	color: #FF0033;
	text-decoration: underline;
}

.liste {
	color: #666666;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #A6C7E6;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding-bottom: 5px;
	margin-top: 10px;
	background-image: url(../images/picto_dossier.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	text-indent: 15px;
	padding-top: 5px;
}
.liste a{
	color: #002F67;
	text-decoration: none;
	font-weight: bold;
}
.liste a:hover{
	color: #002F67;
	text-decoration: underline;
}
.annotation{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.sondage{
	padding-left:20px;
	padding-right:20px;
	margin-top: 5px;
}
.sondage h3{
	padding:3px;
	margin-bottom: 5px;
	color: #7b654d;
	background-color: #dcd8b3;
	font-weight: bold;
	font-size: 11px;
}
.sondage a{
	color: #7b654d;
	font-weight: bold;
	font-size: 11px;
}
.sondage strong{
	color:#7b654d;
	line-height: 1.5em;
}
.encart_droit{	
padding:3px;
margin-left:20px;
margin-right:20px;
	margin-top: 5px;
	color: #7b654d;
	background-color: #dcd8b3;
	font-weight: bold;
	font-size: 11px;
	}
	.encart_droit a{	
	color: #7b654d;
	background-color: #dcd8b3;
	text-decoration:none;
	}
	.encart_droit a:hover{	
	color: #7b654d;
	background-color: #dcd8b3;
	text-decoration:underline;
	}
/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */

#nav, 
#nav ul {
	list-style:none;
	position:relative;
	z-index:200;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#nav {
	padding:0;
}

#nav li {
	float:left;
	border: 1px solid #dbdaaa;
	height:19px;
	margin-right: 2px;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	line-height: 0em;
}
#nav li li {
	float:none;
}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {
	display:block;
	float:left;
	color:#FFFFFF;
	height:15px;
	line-height:15px;
	text-decoration:none;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 2px;	/*white-space:nowrap;*/
	text-transform: uppercase;
}
#nav li li a {
height:15px; 
line-height:15px; 
float:none;
}

#nav li:hover {
	position:relative;
	z-index:300;
	text-decoration: none;
	background-color: #dbdaaa;
}
#nav li:hover ul {
	left:0;
	top:18px;
	background-color: #dbdaaa;
	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: #7b654d;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:auto;
	background-color: #7b654d;
	border-top-width: 0px;
	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: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
}
/* show path followed */
#nav li:hover > a {
	text-decoration:none;
	color:#FFFFFF;
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
	left:-15px;
	margin-left:100%;
	top:-1px;
	background-color: #7b654d;
}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	background-color: #7b654d;
}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{
	text-decoration:none;
	color:#7b654d;
	border:0px;	
}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{
	text-decoration:none;
	color:#7b654d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	white-space: nowrap;
	border:0px;
}

#nav li:hover ul li a:hover{color:#FFFFFF;}


/*--------------------------------------------------*/







.form_text{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.form_textarea{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 2px;
	height: 75px;
}
.tableau_entete {
	background-image: url(tableau_fond_entete.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tableau_facture{
width: 100%;

}
.tableau_facture td{
	
	padding: 3px;
}



/*calendrier */
#ds_conclass{width: 200px;
}
.ds_box {
width: 500px;
	background-color: #FFF;
	border: 1px solid #666666;
	position: absolute;
	z-index: 32767;
}
.ds_rouge {
	background-color: #990000;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	background-image: url(images/fond_rouge.png);
	border: 1px solid #999999;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #5CA0EB;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	background-image: url(images/fond_metal.png);

}

.ds_subhead {
	background-color: #A4A7B0;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 15px;
	background-image: url(images/fond_metal.png);
}

.ds_cell {
	background-color: #DBEAFB;
	color: #000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #A8CCF4;
}

