@charset "utf-8";
/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #048;}
a:hover {color: #06C;}

body {
	background: #bdd9e7 /*#CACACA*/ url('../img/fond_page.jpg') top  repeat-x;
	color: #444;
	font: normal 0.9em Arial, Helvetica, sans-serif ;
	padding-top: 10px; /*41px*/
}

p,code,ul {padding-bottom: 1em;}

li {list-style: none;}

h1 {font: bold 1.7em Arial, Helvetica, sans-serif;}
h2 {font: normal 1.4em Arial, Helvetica, sans-serif;}
h3 {font: normal 1.2em Arial, Helvetica, sans-serif; font-weight:bold;}

form,input {margin: 0; padding: 0; display: inline;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 0.9em Arial, Helvetica, sans-serif;
/*	line-height: 1.6em;*/
	margin-bottom: 12px;
	margin-top: 12px;
	margin-left: 12px;
	padding: 8px 10px;
	width:500px;
	white-space: normal;
}

blockquote {
	background: url('../img/quote.gif') no-repeat;
	display: block;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	padding-left: 28px;
	width:500px;
	margin: 20px;

}

h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {
	/*border: 2px solid #D7D7D2;*/
	
	font-size: 1em;
	margin: 0 auto;
	padding: 0px;
	width: 850px;
	background:  #FFF url('../img/main.gif') repeat-y;
}

.outer-container {
	
	padding-bottom: 5px;
}

/* headere & title */
.header {
	background: #FFFFFF ;
	height: 169px;
	text-align: right;
	color:#000000;
}

/* path */
.path {
	background: #F6A933 url('../img/fond_menu_haut.jpg') repeat-x ;
	color: #FFF;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	padding: 0px 20px 0px 20px;
	/*text-align:right;*/
	height:34px;
	margin-top:11px;
	
}
.path a {
	color: #FAFAFA;
	text-decoration: none;
}
.path a:hover {
	color: #FFE;
	text-decoration: underline;
}
.chemin {
	background: top #FFF url('../img/fond_chemin.jpg') repeat-x  ;
	color: #5F5F5F;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	text-align:left;
	vertical-align:middle;

	height:30px;
	margin-top: 7px;
	margin-left: 11px;
	margin-right: 11px;
	
	
}
.chemin a {
	color: #5F5F5F;
	text-decoration: none;
	line-height:30px;
}
.chemin a:hover {
	color: #5F5F5F;
	text-decoration: underline;
}
/* main */
.main {
	background: url('../img/main.gif') repeat-y;
	border-top: 4px solid #FFF;
	padding: 0px 11px 0px 11px;
}

/* content */
.content {
	float: right;
	width: 610px;
	/*border: 1px solid #000000;*/
}
.content .descr {
	color: #664;
	font-size: 1em;
	margin-bottom: 12px;
}
.content li {
	list-style: url('../img/li.gif');
	margin-left: 12px;
	margin-bottom: 4px;
	margin-top: 4px;	
}
.content p {font-family: Arial, Helvetica, sans-serif;}



/* navigation */
.navigation {
	float: left;
	width: 200px;
	
}
.actus td{
 background: #E1E1E1;
 text-align:center;
 vertical-align:top;
 padding: 5px;
}
.texte_actus{
color:#666666;
width: 280px;
margin-bottom:5px;
font: bolder 0.7em  Verdana, Arial, Helvetica, sans-serif;
text-align:justify;


}
.titre_actus{
width: 280px;
background: #bdcedd url(../img/fond_cartouche_actu.jpg);
background-repeat: repeat-x;
background-position:bottom;
margin-bottom:5px;
color:#FFFFFF;
font: bolder 1.2em Arial, Helvetica, sans-serif;
padding: 5px;
height: 18px;

}

.suite_actus{
background: #EDCCA2 url(../img/fond_bouton_suite.jpg);
color: #666666;
font: bolder 0.7em Verdana, Arial, Helvetica, sans-serif;
height: 14px;
border: 1px solid #D9B588;
width:150px;
float:left;
}
.suite_actus a{

color: #666666;
text-decoration:none;
}
.suite_actus a:hover{

color: #666666;
text-decoration: underline;
}
.navigation h2 {
	color: #FFFFFF;
	font: bold 1em Arial, Helvetica, sans-serif;
	width: 199px;
	height: 30px;
	/*border: 1px solid #CD7708;*/
	background-image: url('../img/fond_menu_actif.jpg');
	background-position:top;
	background-repeat:no-repeat;
	padding: 0px;
	padding-top: 5px;
	text-align:center;
	margin: 0px;
	cursor: pointer;

}

.navigation h2.not_activated {
	color: #FFFFFF;
	font: bold 1em Arial, Helvetica, sans-serif;
	width: 199px;
	height: 30px;
	/*border: 1px solid #CECECE;*/
	background-image: url('../img/fond_menu_content.jpg');
		background-repeat:no-repeat;
		background-position:top;
	padding: 0px;
	padding-top: 5px;
	text-align:center;
	margin: 0px;
		cursor: pointer;



}
.navigation h2.activated {
	color: #FFFFFF;
	font: bold 1em Arial, Helvetica, sans-serif;
	width: 199px;
	height: 30px;
	
	background-image:url('../img/fond_menu_actif.jpg');
	background-repeat:no-repeat;
	background-position:top;
	padding: 0px;
	padding-top: 5px;
	text-align:center;
	margin: 0px;
		cursor: pointer;



}
.navigation ul {
	padding: 0;
	/*border: 1px solid #C6C6C6;*/
	/*background: #FEECCB;*/
	width: 199px;
	margin: 0;

}
.navigation li {border-bottom: 1px solid #EAEADA; padding:5px;}
.navigation li a {
	font-size: 0.8em;
	font-weight: bold;
	color: #5F5F5F;
	display: block;
	/*padding: 8px 0 8px 5%;*/
	text-decoration: none;
	width: 100%;
}
.navigation li a:hover {
	background: #FFC477;/*#F0F0EB*/
	color: #FFFFFF;	
	font-weight: bold;
}

/* footer */
.footer {
	background: #646464 url('../img/fond_pied.jpg') repeat-x;
	color: #F3ECD8;
	/*font: bold 0.8em Arial, Helvetica, sans-serif;*/
	margin-top: 11px;
	height: 47px;

}
.footer a {
	color: #F39613;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style:italic;
}
.footer a:hover {
color: #F39613;
text-decoration: underline;
}

.footerleft {
display: inline;
float:left;
margin-top:4px;
font: bold 0.7em Arial, Helvetica, sans-serif;
width: 400px;
}

.footerright {
font: bold 0.9em Arial, Helvetica, sans-serif;
color: #F39613;
display: inline;
/*float:right;*/

}


/* pour l'actu */

.two-items{
	width:608px;
	padding:0 0 5px 0;
	margin:5px 0 0 0px;
	/*border-bottom:1px solid #ff6600;*/
	float:left;
	display:inline;
}
.two-items-ct{
	background:	url(../img/fond_item_actu.gif) repeat-y 0 0; /*#E8E8E8;*/
	float:left;
	width:608px;
}
.left-item{
	width:292px;
	padding: 3px;
	margin:0 4px 0 0;
	float:left;
	background: #E8E8E8;
	overflow: hidden;
	/*border:1px solid #000000;*/
}
.right-item{
	width:292px;
	padding: 3px;
	float:left;
	background: #E8E8E8;
	margin:0 0 0 4px;
	overflow: hidden;
	/*border:1px solid #000000;*/
}
.two-items-ct img{

	margin-bottom:5px;
	display:block;
	
	/*width:292px;*/
	
}
.titre_resume {
	
	width: 283px;
	overflow: hidden;
	background: #bdcedd url(../img/fond_cartouche_actu.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
	margin:0px auto 2px auto;
	color:#FFFFFF;
	font: bolder 1.1em Arial, Helvetica, sans-serif;
	padding: 5px;
	height: 35px;
	white-space:normal;

}

.sous_titre_resume {
	font:bolder 1.1em Tahoma,sans-serif;
	color:#FEA432;
	margin-bottom: 8px;
}	
.two-items-ct blockquote {
	background: url('../img/quote.gif') no-repeat;
	display: block;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	padding-left: 28px;
	width:250px;
	margin: 3px;

}



.two-items-ct code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	margin-bottom: 9px;
	padding: 8px 10px;
	width:250px;
	overflow:hidden;
	white-space:normal;
}

	
.two-items-ct h1{
	color:#444;
	font: bolder 1.4em Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}	
.two-items-ct h2{
	color:#444;
	font: bolder 1.3em Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}

.two-items-ct h3{
	color:#444;
	font: bolder 1.2em Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.two-items-ct h4{
	color:#444;
	font: bolder 1.1em Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.two-items-ct h5{
	color:#444;
	font:bolder 1em Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.two-items-ct h5{
	color:#444;
	font:bolder 0.9em Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.two-items-ct h6{
	color:#444;
	font:bolder 0.8em Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.two-items-ct p ul{
margin-bottom:0.6em;
padding:0px;

}
/*
Mise en forme du formulaire
*/

#formulaire {
	border: none;
	margin: auto;
	margin-bottom: 40px;
	padding: 0;
	width: 500px;	/*** Largeur du formulaire ***/
}
#titreForm {	/*** Mise en forme du titre et du pied de formulaire ***/
				color: #D7D7D7;
 				text-indent: 17px;
				background:  url(../img/head.gif) no-repeat 10px 50%;
				margin: 0px ;
				padding-left: 10px; 
				font: bold 1.1em arial, hevetica, sans-serif;
					/*border-left: 1px solid #564430;
	border-right: 1px solid #564430;
	border-top: 1px solid #564430;
		border-bottom: 1px dashed #564430;*/
}

				
				
#piedForm {
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: #FFFFFF;
	margin: 5px 0px 10px 0px;
	padding: 0px 8px 0px 8px;
	text-align: right; /*** Les boutons sont alignés à droite ***/
	/*border-left: 1px solid #564430;
	border-right: 1px solid #564430;
	border-bottom: 1px solid #564430;*/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
	height:25x;
	margin:0px;

}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border-left: 1px solid #564430;
	border-right: 1px solid #564430;*/
	color: black;
	background: #FFFFFF;
	margin: 0px;
	/*padding-left: 8px;
	padding-right: 8px;*/
	padding: 10px 8px 0px 8px;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/

	font-style: normal;
	margin: 10px 0px 0px 0px;
	border:  solid 1px #75859C;
	background-image: url(../img/fond_form.jpg) ;
	background-repeat:repeat-x ;
	background-position:bottom;
}
#listedeschamps{
	padding: 25px;


}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	padding: 2px 10px 2px 5px;
	margin: 0px 0px 0px 10px;
	border: solid 1px  #75859C;
	background:  url(../img/head.gif) no-repeat 10px 50%;
	text-indent: 19px;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm em {	/*** Mise en forme des lignes du formulaire ***/
  color: #666666;
  font-size:11px;
}

#corpForm fieldset label {	/*** Mise en forme des intitulés de champs #coordonnees ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 45%;	/*** Les intitulés prennent 40% de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	/*line-height: 1.8;	** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #FFF0BB;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}
.alerte {	/*** alerte ***/
	border: 1px solid red;
	background: #FFE1E1;
	color: red;
	margin: 8px;
	padding: 8px;
}


#content_actus_detail
{	
font: normal 14px Tahoma,sans-serif;
color: #666666;
width:520px;
overflow: hidden;

}
#content_actus_detail p {	
	margin-bottom: 8px;
	margin-top: 8px;
	}
#content_actus_detail li {	
	list-style: url('../img/li.gif');
	margin-left: 18px;
	}
#content_actus_detail h1 {
font: normal 1.8em Tahoma,sans-serif;
color: #a0cc1b;
border-bottom:#a0cc1b 1px solid;
margin-bottom:10px;
margin-top:5px;
}
#content_actus_detail h2 {font: bold 1.3em Tahoma,sans-serif;color: #BADDEE;}
#content_actus_detail h3 {font: bold 1.2em Tahoma,sans-serif;color: #BADDEE;}
#content_actus_detail blockquote {
	background: url('../img/quote.gif') no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
#content_actus_detail a {
	text-decoration: none;
	color: #FF9900;

	}	
	#content_actus_detail a:hover
	 {text-decoration:underline;}
	
	#content_actus_detail .descr {
	font: 0.9em Tahoma,sans-serif;color: #a0cc1b;
	margin-bottom: 8px;
}	
#content_actus_detail code {

	background: #F8F8F8;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 0.9em Tahoma,sans-serif;
	margin:auto;
	margin-bottom: 12px;
	padding: 8px 10px;
	width:450px;
	white-space:normal;
	/*white-space: pre;*/
}
#content_actus_detail img 	{

/*float : left;*/
margin-bottom: 8px;
margin-top: 8px;
border : 3px solid #CCCCCC;


}	

.mytable tr:hover {
	background: #FFFFCC;

}

#messageConfirmation {	/*** Mise en forme des message de confirmation ***/
	display: block;
	border: 1px solid #006600;
	width:500px;
	margin:auto;
	padding: 5px 5px 5px 10px;
	color: #006600;
	font-weight: bold;
	background:   #E1FFC4 url(../img/icon_notif_ok.gif) no-repeat 98%;
}
/*CSS style pagination*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #85BD1E;
	color: #638425;
	background-color: #F1FFD6;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #B2E05D;
	font-weight: bold;
	background-color: #B2E05D;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
#imagedescription{

	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 0.9em Tahoma,sans-serif;
	margin-bottom: 12px;
	padding: 8px 10px;

}

.flash-replaced .alt {

display :block;
height:0pt;
overflow:hidden;
position:absolute;
width:0pt;

}