@charset "UTF-8";
/* STYLE GENERAUX */
* {
	margin: 0;
	}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background-color: #CCC;
	}
.form-item{
    display:inline;
	}
.clear{
	clear: both;
	}
.floatGauche {
	float:left;
	}
.floatDroite {
	float: right;
	}
ul{
	padding-bottom: 5px;
	}
li {
	text-align: justify;
	}
img{
	border: 0;
	}
p{
	padding-bottom: 10px;
	text-align: justify;
	}
a{
	color: #666;
	text-decoration: underline;
	}
a:hover{
	color: #006292;
	text-decoration: none;
	}
a.sans{
	color: #666;
	text-decoration: none;
	}
a.sans:hover{
	color: #006292;
	}

a.link_text_blue,
div#partieIndexGauche a.link_text_blue,
div#partieIndexDroite a.link_text_blue{
	color:#2082BC;
}
a.link_text_blue:hover,
div#partieIndexGauche a.link_text_blue:hover,
div#partieIndexDroite a.link_text_blue:hover{
	color:#000000;
}
a.link_button_blue,
div#partieIndexGauche a.link_button_blue,
div#partieIndexDroite a.link_button_blue{
	background-color:#2082BC;
	color: #FFF;
	text-transform:uppercase;
	font-weight: bold;
	padding: 0 3px 0 3px;
	border: 1px solid #196EA2;
	font-size: 11px;
	}
a.link_button_blue:hover,
div#partieIndexGauche a.link_button_blue:hover,
div#partieIndexDroite a.link_button_blue:hover,
a.link_button_green:hover,
div#partieIndexGauche a.link_button_green:hover,
div#partieIndexDroite a.link_button_green:hover{
	background-color:#666;
	border: 1px solid #000;
	}
a.link_button_green,
div#partieIndexGauche a.link_button_green,
div#partieIndexDroite a.link_button_green{
	background-color:#88C314;
	color: #FFF;
	text-transform:uppercase;
	font-weight: bold;
	padding: 0 3px 0 3px;
	border: 1px solid #679500;
	font-size: 11px;
	}

.clicable{
	cursor:pointer;
	}
.hidden {
	display:none;
	}
.required {
	border:2px solid green;
	}
.step {
	height: 10px;
	clear: both;
	}
h2{
	font-size: 12px;
	font-weight: bold;
	margin:0 0 10px 0;
	color: #666;
	}
input{
	font-family: inherit;
	font-size: inherit;
	}
/* ---------------------------- contenu ---------------------------- */
h1,
#contenu .milieu h1,
#contenu .milieu .titre h1,
#contenu .milieu h2,
#contenu .milieu h3,
#contenu .milieu h4{
	font-weight: bold;
	border-bottom: 1px dotted #CCC;
	margin: -5px 0 10px 0;
	padding: 0 10px 0 10px;
	}
#contenu .milieu .titre h1,
#contenu .milieu h1.titre {
	background:url(/images/box/haut.png);
	}
h1,
#contenu .milieu h1,
#contenu .milieu .titre h1{
	/*font-size: 18px;
	min-height: 23px;*/
	font-size: 15px;
	color: #006292;
	padding-top: 0;
	text-transform: uppercase;
	}
#contenu .milieu h2{
	font-size: 15px;
	color: #006292;
	padding-top: 0;
	height: 18px;
	text-transform: uppercase;
	}
#contenu .milieu  h3{
	font-size: 12px;
	color: #006292;
	padding: 7px 10px 0 10px;
	height: 16px;
	}
#contenu .milieu  h4{
	font-size: 12px;
	padding: 7px 10px 0 10px;
	height: 16px;
	}
h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter {
	text-transform: capitalize;
	}
a.couleur{
	color: #006292;
	background-image: url(/pictos/icones_10/fleche-droite-bleu-10x10.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 2px;
	font-size: 12px;
	}
a.couleurGauche{
	color: #006292;
	background-image: url(/pictos/icones_10/fleche-gauche-bleu-10x10.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 2px;
	font-size: 12px;
	}
a.couleur:hover,
a.couleurGauche:hover{
	text-decoration:none;
	}
iframe.geolocalisation{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	}
ul.legendecouleur{
	width: 40%;
	float: left;
	list-style: none;
	list-style-type: none;
	}
li.sans {
	list-style: none;
	}
.fond1{
	background-color:#ABE4FF;
	}
.fond2{
	background-color:#D0F2FF;
	}
.fond3{
	background-color:#E1E1E1;
	}
.fond4{
	background-color:#F3F3F3;
	}
	
span#identifiant_international{
	font-weight:bold; 
}
/*----------------------------------- table -----------------------*/
table {
	border-collapse: collapse;
	margin: 0px;
	width: 100%;
	}
	table th {
		text-align: left;
		padding: 1px 3px 1px 3px;
		font-size: 11px;
		font-weight: bold;
		color: #666666;
		border-bottom: 1px solid #cccccc;
		text-transform: uppercase;
		vertical-align: bottom;
		}
	table td {
		padding: 1px 3px 1px 3px;
		text-align: left;
		vertical-align: top;
		}
	table div.montant_resume {
		text-align: right;
		width: 100px;
		}
	table tr.pair {
		background-color: #FAFAFA;
		}
	table tr.impair {
		background-color: #F2F2F2;
		}
	table tr.pair:hover,
	table tr.impair:hover {
		background-color: #C1DAE3;
		color: #333333;
		}
			table .pair td a ,
			table .impair td a {
				color: #333333;
				text-decoration: none;
				}
			table .pair td a:hover  ,
			table .impair td a:hover {
				color: #111111;
				text-decoration: underline;
				}

			#contenu .milieu table.gris td{
				padding: 5px 5px 0 5px;
				}
	td.warning_small img{
		margin-bottom: -4px;
		}
	tr.delayed td{
		background-color: #FFD2CF;
		}
		tr.delayed td.delayed{
			color: #DF7661;
			}
		table.ucfirstcolumn tr td:first-letter{
			text-transform: capitalize;
			}
	tr.highlight td{
		background-color: #FFFF00;
		}
/*---------------------------- form ----------------------*/
	#form_event label {
		width: 100px;
	}

	form textarea,
	form input{
		font-family:Verdana, Geneva, sans-serif;
                font-size: inherit;
		}
	form label {
		float: left;
		width: 180px;
		margin: 0 5px 0 0;
		}
	form label.split_type {
		float: none;
		width:150px;
		}
input[type="submit"],
input[type="button"],
#contenu div.milieu a.bouton,
a.bouton{
	background-repeat: repeat-x;
	font-size: 11px;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-decoration:none;
	padding: 0 0 3px 0;
	height: 18px;
	cursor: pointer;
	margin: 3px 0 3px 0;
	}
input[type="submit"],
input[type="button"],
#contenu div.milieu a.bouton,
a.bouton{
	border: 1px solid #006292;
	background-image: url(/images/fond_bouton.png);
	}
input[type="submit"].bouton1,
input[type="button"].bouton1,
#contenu div.milieu a.couleur1,
a.couleur1{
	border: 1px solid #3A800D;
	background-image: url(/images/box_arguments/haut_fond.png);
	}
input[type="submit"].bouton2,
input[type="button"].bouton2,
#contenu div.milieu a.couleur2,
a.couleur2{
	border: 1px solid #BA0202;
	background-image: url(/images/fond_bouton2.png);
	}
input[type="submit"]:hover,
input[type="button"]:hover,
#contenu div.milieu a.bouton:hover,
a.bouton:hover{
	background-image: url(/images/fond_bouton_over.png);
	border: 1px solid #999;
	}
#contenu div.milieu a.bouton,
a.bouton {
	padding: 2px 5px 2px 5px;
	}
input.error,
textarea.error,
select.error,
input[type="text"].error,
input[type="password"].error {
	background-color: #FFEFEF;
	border-color: red;
	color: red;
	}
input[type="text"],
input[type="password"] {
	border: solid 1px #999;
	margin: 3px 0 3px 0;
	background-color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	}
/*-----------------------------  -------------------------*/
#general {
	background-color: #FFFFFF;
	width: 1000px;
	margin: auto;
	margin-bottom: 5px;
	padding: 0 0 1px 0;
	}
#centre {
	padding: 0 0 1px 0;
	}
#footer {
	background-color: #FFFFFF;
	width: 1000px;
	margin:0 auto;
	padding:5px 0;
	}
/*----------------------------- top -------------------------*/
#top {
	background-color: #FFF;
	padding: 10px 10px 0 10px;
	/*border-bottom: 1px solid #CCC;*/
	margin: 0px;
	}
	#top #logo {
		width: 547px;
		float: left;
		height: 75px;
		text-align: center;
		}
/*----------------------------- arguments -------------------------*/
	#top #arguments {
		float: left;
		margin-right: 10px;
		width: 180px;
		}
	#top #arguments .haut {
		height: 7px;
		margin: 0;
		}
		#top #arguments .haut .gauche {
			height: 7px;
			margin-right: 7px;
			background-image: url(/images/box_arguments/coin_hg.png);
			background-repeat: no-repeat;
			}
		#top #arguments .haut .droite {
			float: right;
			height: 7px;
			width: 7px;
			background-image: url(/images/box_arguments/coin_hd.png);
			background-repeat: no-repeat;
			}
	#top #arguments .milieu {
		margin: 0;
		height: 51px;
		background-image: url(/images/box_arguments/haut_fond_jaune.png);
		background-repeat: repeat-x;
		background-position: top;
		background-color: #F5D30E;
		border-right: 1px solid #000;
		border-left: 1px solid #000;
		padding:0 0 0 8px;
		}
	#top #arguments .milieu #num_tel,
	#top #arguments .milieu a{
		color: #000;
		text-decoration:none;
		height: 51px;
		}
	#top #arguments .milieu p {
		font-size: 20px;
		font-weight: bold;
		color: #000;
		text-align: center;
		padding-top: 12px;
		}
	#top #arguments .bas {
		height: 7px;
		margin: 0 0 5px 0;
		}
		#top #arguments .bas .gauche {
			height: 7px;
			margin-right: 7px;
			background-image: url(/images/box_arguments/coin_bg.png);
			background-repeat: no-repeat;
			}
		#top #arguments .bas .droite {
			float: right;
			height: 7px;
			width: 7px;
			background-image: url(/images/box_arguments/coin_bd.png);
			background-repeat: no-repeat;
			}
/*----------------- top login --------------------------------*/
#top #login {
	float: right;
	width: 192px;
	margin: 0;
	color: #FFF;
	padding: 0px;
	}
		#top #login form {
			margin: 0;
			padding: 0;
			}
		#top #login .haut {
			}
			#top #login .haut .gauche {
				height: 7px;
				margin-right: 7px;
				background-image: url(/images/box_login/coin_hg.png);
				background-repeat: no-repeat;
				}
			#top #login .haut .droite {
				height: 7px;
				float: right;
				width: 7px;
				background-image: url(/images/box_login/coin_hd.png);
				background-repeat: no-repeat;
				}
		#top #login .milieu {
			background-image: url(/images/box_login/haut_fond.png);
			background-repeat: repeat-x;
			background-color: #1D75AE;
			padding: 3px 5px 0 8px;
			border-right: 1px solid #006292;
			border-left: 1px solid #006292;
			height: 31px;
			}
		#top #login .bas {
			margin: 0;
			}
			#top #login .bas .gauche {
				height: 7px;
				margin-right: 7px;
				background-image: url(/images/box_login/coin_bg.png);
				background-repeat: no-repeat;
				}
			#top #login .bas .droite {
				height: 7px;
				float: right;
				width: 7px;
				background-image: url(/images/box_login/coin_bd.png);
				background-repeat: no-repeat;
				}
			#login div.milieu div a{
				display: block;
				font-size: 11px;
				font-weight:normal;
				text-transform: none;
				text-decoration:none;
				margin: 0;
				padding:  0;
				color : #fff;
				text-align: left;
				vertical-align:middle;
				}
				#login div.milieu div:hover,
				#login div.milieu div a:hover{
					color : #C7EFFF;
					}
/* ---------------------------- langue ---------------------- */
#top #langue {
	float: right;
/*	width: 182px;*/
	margin: 5px 0 0 0;
	color: #000;
	padding: 0 2px 0 0;
	text-align: right;
}
#top #langue a{
	text-decoration: none;
	color: #000;
	}
#top #langue a:hover,
#top #langue a.activ{
	color:#06C;
	}
#top #langue a.activ{
	color:#06C;
	font-weight: bold;
	}
/*----------------------------- menu -------------------------*/
#menu {
	height: 20px;
	border-bottom: 1px solid #FFF;
	padding: 0;
	background-image: url(/images/fond_bouton.png);
	width: 1000px;
	}
	#menu ul {
		margin: 0;
		padding: 0;
		}
		#menu ul li{
			list-style-type: none;
			float: left;
			padding: 0;
			border-left: 1px solid #FFF;
			height: 20px;
			width: 141px;
			text-align: center;
			font-weight: bold;
			}
		#menu ul li:first-child{
			border-left: 0px;
			}
		#menu ul li:hover{
			background-image: url(/images/fond_bouton_over.png);
			}
		#menu ul li a{
			text-transform: uppercase;
			color: #FFF;
			text-decoration: none;
			display: block;
			padding: 2px;
			height: 20px;
			}
		#menu ul li a:hover{
			color: #FFFFFF;
			}
/*----------------------------- image theme -------------------------*/
#imagetheme{
	height:150px;
	border-bottom: 1px solid #CCC;
	padding: 0 ;

	float: left;
	}
/*----------------------------- position -------------------------*/
#position{
	height:15px;
	border-bottom: 1px solid #CCC;
	padding: 0 0 0 10px ;
	margin: 0 0 10px 0;
	background-color:#666;
	color: #FFF;
	clear: both;
	}
#position a {
	color: #FFF;
	text-decoration: none;
	}
	#position a:hover {
		color: #CCC;
		}
/*----------------------------- menu1&2 -------------------------*/
	#centre #menu1 {
		width: 180px;
		float: left;
		margin: 0 5px 0 5px;
		}
	#centre #menu2 {
		width: 192px;
		float: right;
		margin: 0 10px 0 0;
		}
		#centre #menu1 h1{
			font-size: 14px;
			font-weight: bold;
			color: #006292;
			padding-top: 10px;
			border-bottom: 1px dotted #CCC;
			text-transform: uppercase;
			}
		#centre #menu1 ul{
			margin: 0;
			padding: 0;
			}
			#centre #menu1 ul li{
				height: 18px;
				font-size: 11px;
				color: #BD251F;
				list-style-type: none;
				}
				#centre #menu1 ul li a{
					background-repeat: no-repeat;
					padding-left: 10px;
					display: block;
					background-image: url(/images/fleche_menu.png);
					color: #006292;
					text-decoration: none;
					}
				#centre #menu1 ul li a:hover{
					margin-left: 5px;
					}
		#centre #menu1 .haut,
		#centre #menu2 .haut {
			height: 7px;
			width: 100%;
			margin: 0;
			}
			#centre #menu1 .haut .gauche,
			#centre #menu2 .haut .gauche{
				height: 7px;
				margin-right: 7px;
				background-image: url(/images/box_degrade/coin_hg.png);
				background-repeat: no-repeat;
				}
			#centre #menu1 .haut .droite,
			#centre #menu2 .haut .droite{
				float: right;
				height: 7px;
				width: 7px;
				background-image: url(/images/box_degrade/coin_hd.png);
				background-repeat: no-repeat;
				}
		#centre #menu1 .milieu,
		#centre #menu2 .milieu,
		#centre #menu2b .milieu {
			border-right: 1px solid #CCC;
			border-left: 1px solid #CCC;
			background-repeat: repeat-x;
			background-color: #FFF;
			padding-right: 5px;
			padding-left: 5px;
			}
		#centre #menu1 .milieu,
		#centre #menu2b .milieu {
			background-image: url(/images/fond_gris.png);
			}
		#centre #menu2 .milieu {
			background-image: url(/images/fond2_gris.png);
		}
		#centre #menu1 .bas,
		#centre #menu2 .bas{
			height: 7px;
			width: 100%;
			margin: 0 0 10px 0;
			}
			#centre #menu1 .bas .gauche,
			#centre #menu2 .bas .gauche{
				height: 7px;
				margin-right: 7px;
				background-image: url(/images/box_degrade/coin_bg.png);
					background-repeat: no-repeat;
			}
			#centre #menu1 .bas .droite,
			#centre #menu2 .bas .droite{
				float: right;
				height: 7px;
				width: 7px;
				background-image: url(/images/box_degrade/coin_bd.png);
				background-repeat: no-repeat;
				}
			#centre #menu1 .milieu h1,
			#centre #menu2 .milieu h1,
			#centre #menu2b .milieu h1 {
				font-size: 16px;
				}
		div#menu2 div.milieu h2{
			text-transform: uppercase;
			color: #006292;
			font-size: 13px;
			}
		div#menu2 div.couleur4 div.milieu h2{
			padding: 0 0 0 5px;
			margin: -3px 0 0 0;
			border-bottom: solid 1px #CCC;
			}
		div#menu2 div.milieu p{
			margin-top: 5px;
			padding-bottom: 0px;
			}
		div#menu2 div.milieu ul,
		div#menu2 div.milieu ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
			}
				div#menu2 div.milieu ul li{
					margin-top: 4px;
					}
				div#menu2 div.milieu ul li:first-letter{
					text-transform: capitalize;
					}
					div#menu2 div.milieu ul li a{
						text-decoration: none;
						font-size: 12px;
						display: inline-block;
					}
					div#menu2 div.milieu ul li a:first-letter{
						text-transform: capitalize;
					}
	div#menu2 a {
		text-decoration: none;
		}
		div#menu2 div.milieu p {
			text-align:left;
			}
/* -------------------------menu2 menu ------------*/
	div#menu2 div.menu {
		margin-bottom: 10px;
		}
		div#menu2 div.menu ul{}
		div#menu2 div.menu ul li{
			text-align:left;
			padding: 3px 0 3px 5px;
			margin: 0;
			text-transform:uppercase;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #D5D5D5;
			}
		div#menu2 div.menu ul li:first-child{
			border-top: none;
			}
		div#menu2 div.menu div.milieu ul li:first-letter{
			text-transform: capitalize;
			}
		div#menu2 div.menu ul li img {
			margin: 0 5px 0 0;
			}
		div#menu2 div.menu ul li:hover{
			background-color: #EBEBEB;
			}
		div#menu2 div.menu ul li a {
			color: #006292;
			display: block;
			margin: 5px 0 5px 0;
			}
		div#menu2 div.menu ul li a:hover {
			color: #666;
			}
		#centre #menu2 div.menu div.milieu{
			padding: 0;
			}
		#centre #menu2 div.couleur7 .milieu a{
			color:#63C;
			}
		div#menu2 div.couleur7 ul li:hover{
			background-color: #E4DEFF;
			}
		/*
		div#menu2 div.carte a{
			margin: 0 0 0 2px;
			}
		div#menu2 div.carte a:first-child{
			margin: 0;
			}
		*/


		div#menu2 div.securite {
		  margin: 5px 0 5px 0;;
		  font-size: 9px;
 	 	}
	  	div#menu2 div.securite img {
		   float: left;
		   margin: 0;
		   padding: 0;
		   border : 0;
	   }
	   div#menu2 div.securite div {
		    float: left;
		    width: 172px;
		    margin: 0;
		    padding: 0;
	    }
	    div#menu2 div.securite div a{
	    	 color: #999;
	     }
/*----------------------------- contenu -------------------------*/
#contenu {
	width: 778px;
	float: left;
	font-size: 12px;
	margin: 0 0 0 10px;
	}
		#contenu .milieu table {
			margin:0 0 10px 0;
			}
			#contenu div.milieu .dynCalendar table{
				width: auto;
				}
		#contenu .milieu table.gris{
			background-color:#CCC;
			border: 1px solid #999;
			margin:0;
			}
	#contenu ul{
		margin: 0;
		padding: 5px 0 5px 25px;
		}
		#contenu ul li{
			}
		#contenu ul li.gauche{
			float:left;
			}
.hmarg:hover{
	margin-left:8px;;
	}
	#contenu h10,
	#contenu h6{
		font-size: 22px;
		text-transform: uppercase;
		padding: 0 0 0 10px;
		font-weight: bold;
		display: block;
		color: #006292;
		margin: 0 0 10px 0;
		}
		#contenu h10 img,
		#contenu h6 img {
			margin: 0 5px 0 0;
			}
			#contenu .milieu form table {
				margin: 0;
				width: 100%;
				}
				#contenu .milieu form table.login tr td{
					vertical-align: middle;
					}

#contenu a.video{
  display: block;
  background-color:#FC0;
  color: #333;
  height: 20px;
  width: 150px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border: 1px solid #333;
  vertical-align: middle;
  background-image:url(/images/pictos_menu2/picto_video1.png);
  background-repeat: no-repeat;
  background-position: 4px 3px;
  padding: 6px 0 0 28px;
  }
 #contenu a.video:hover{
  color: #000;
  background-color:#FFE21C;
 }
/*----------------------------- box -------------------------*/
	#contenu .haut {
		height: 7px;
		margin: 0;
		}
/* -----------------------*/
		#contenu div .haut .gauche {
			height: 7px;
			margin-right: 7px;
			background-repeat: no-repeat;
			}
		#contenu div .haut .gauche {
			background-image: url(/images/box/coin_hg.png);
			}
		#contenu div .haut .droite {
			float: right;
			height: 7px;
			width: 7px;
			background-repeat: no-repeat;
			}
		#contenu div .haut .droite {
			background-image: url(/images/box/coin_hd.png);
			}
	#contenu div .milieu {
		border-right: 1px solid #DFDFDF;
		border-left: 1px solid #DFDFDF;
		margin: 0;
		padding-bottom: 1px;
		background-color:#FFF;
		}
	#contenu div .bas {
		height: 7px;
		margin: 0 0 10px 0;
		}
		#contenu div .bas .gauche {
			height: 7px;
			margin-right: 7px;
			background-repeat: no-repeat;
		}
		#contenu div .bas .gauche {
			background-image: url(/images/box/coin_bg.png);
			}
		#contenu div .bas .droite {
			float: right;
			height: 7px;
			width: 7px;
			background-repeat: no-repeat;
			}
		#contenu div .bas .droite {
			background-image: url(/images/box/coin_bd.png);
			}

/* ------------- box0 ----------*/
		#contenu div.couleur0 .bas .gauche {
			background-image: url(/images/box_couleur0/coin_bg.png);
			}
		#contenu div.couleur0 h2{

			background-color:#F3F3F3;

			}
		#contenu div.couleur0 .milieu{

			}
		#contenu div.couleur0 .haut .droite {
			background-image: url(/images/box_couleur0/coin_hd.png);
			}
		#contenu div.couleur0 .haut .gauche {
			background-image: url(/images/box_couleur0/coin_hg.png);
			}
		#contenu div.couleur0 .bas .droite {
			background-image: url(/images/box_couleur0/coin_bd.png);
			}

		#contenu div.couleur0 div.milieu div.titre h1{
			background:none;
		}
/* ---------------- box1 -------*/
		#contenu div.couleur1 .bas .gauche {
			background-image: url(/images/box_couleur1/coin_bg.png);
			}
		#contenu div.couleur1 .milieu{
			background-color:#ABE4FF;
			}
		#contenu div.couleur1 .haut .droite {
			background-image: url(/images/box_couleur1/coin_hd.png);
			}
		#contenu div.couleur1 .haut .gauche {
			background-image: url(/images/box_couleur1/coin_hg.png);
			}
		#contenu div.couleur1 .bas .droite {
			background-image: url(/images/box_couleur1/coin_bd.png);
			}
/* -------------- box 2 ---------*/
		#contenu div.couleur2 .bas .gauche {
			background-image: url(/images/box_couleur2/coin_bg.png);
			}
		#contenu div.couleur2 .milieu{
			background-color:#D0F2FF;
			}
		#contenu div.couleur2 .haut .droite {
			background-image: url(/images/box_couleur2/coin_hd.png);
			}
		#contenu div.couleur2 .haut .gauche {
			background-image: url(/images/box_couleur2/coin_hg.png);
			}
		#contenu div.couleur2 .bas .droite {
			background-image: url(/images/box_couleur2/coin_bd.png);
			}
/* -----------------------*/
		#contenu div.couleur2b .bas .gauche {
			background-image: url(/images/box_couleur2b/coin_bg.png);
			}
		#contenu div.couleur2b .milieu{
			background-color:#D0F2FF;
			border-right: solid 1px #2CBAFC;
			border-left: solid 1px #2CBAFC;
			}
		#contenu div.couleur2b .haut .droite {
			background-image: url(/images/box_couleur2b/coin_hd.png);
			}
		#contenu div.couleur2b .haut .gauche {
			background-image: url(/images/box_couleur2b/coin_hg.png);
			}
		#contenu div.couleur2b .bas .droite {
			background-image: url(/images/box_couleur2b/coin_bd.png);
			}
/* ----------------- box 3 ------*/
		#contenu div.couleur3 .bas .gauche {
			background-image: url(/images/box_couleur3/coin_bg.png);
			}
		#contenu div.couleur3 .haut .droite {
			background-image: url(/images/box_couleur3/coin_hd.png);
			}
		#contenu div.couleur3 .milieu{
			background-color:#E1E1E1;
			}
		#contenu div.couleur3 .haut .gauche {
			background-image: url(/images/box_couleur3/coin_hg.png);
			}
		#contenu div.couleur3 .bas .droite {
			background-image: url(/images/box_couleur3/coin_bd.png);
			}
/* --------------- box 4 --------*/
		#contenu div.couleur4 .bas .gauche,
		#centre #menu2 div.couleur4 .bas .gauche{
			background-image: url(/images/box_couleur4/coin_bg.png);
			}
		#contenu div.couleur4 .haut .droite,
		#centre #menu2 div.couleur4 .haut .droite{
			background-image: url(/images/box_couleur4/coin_hd.png);
			}
		#contenu div.couleur4 .milieu,
		#centre #menu2 div.couleur4 .milieu{
			background-color:#F3F3F3;
			}
		#centre #menu2 div.couleur4 .milieu{
			background-image: none;
			}
		#contenu div.couleur4 .haut .gauche,
		#centre #menu2 div.couleur4 .haut .gauche{
			background-image: url(/images/box_couleur4/coin_hg.png);
			}
		#contenu div.couleur4 .bas .droite,
		#centre #menu2 div.couleur4 .bas .droite{
			background-image: url(/images/box_couleur4/coin_bd.png);
			}
/* -------------------------------------------- box 5 -----------------------------------*/
		#contenu div.couleur5 .bas .gauche,
		#centre #menu2 div.couleur5 .bas .gauche{
			background-image: url(/images/box_couleur5/coin_bg.png);
			}
		#centre #menu2 div.couleur5 .haut .droite{
			background-image: url(/images/box_couleur5b/coin_hd.png);
			}
		#contenu div.couleur5 .haut .droite {
			background-image: url(/images/box_couleur5/coin_hd.png);
			}
		#centre #menu2 div.couleur5 .haut .gauche{
			background-image: url(/images/box_couleur5b/coin_hg.png);
			}
		#contenu div.couleur5 .haut .gauche {
			background-image: url(/images/box_couleur5/coin_hg.png);
			}
		#contenu div.couleur5 .bas .droite,
		#centre #menu2 div.couleur5 .bas .droite{
			background-image: url(/images/box_couleur5/coin_bd.png);
			}
/* ------ over ------------ */
		#centre #menu2 div.couleur5:hover .haut .droite{
			background-image: url(/images/box_couleur5_hover/coin_hd.png);
			}
		#centre #menu2 div.couleur5:hover .haut .gauche{
			background-image: url(/images/box_couleur5_hover/coin_hg.png);
			}
		#centre #menu2 div.couleur5:hover .bas .gauche{
			background-image: url(/images/box_couleur5_hover/coin_bg.png);
			}
		#centre #menu2 div.couleur5:hover .bas .droite{
			background-image: url(/images/box_couleur5_hover/coin_bd.png);
			}
		div#menu2 div.couleur5:hover ul li{
			background-color: #f4fbe4;
			}
/* ------------------------ */
		div#menu2 div.couleur5 ul li{
			padding: 0 0 0 5px;
			margin: 0;
			}
		div#menu2 div.couleur5 ul li a{
			padding: 0;
			margin: 0;
			}
		#contenu div.couleur5 .milieu,
		#centre #menu2 div.couleur5 .milieu{
			background-image: none;
			background-color: #e4fab4;
			border-left: solid 1px #3a8001;
			border-right: solid 1px #3a8001;
			}
			#contenu div.couleur5 h1,
			#contenu div.couleur5 h2,
			#contenu div.couleur5 h3{
				background-image: url(/images/box_couleur5/haut.png);
				background-repeat: no-repeat;
				background-color:#679500;
				color: #FFFFFF;
				padding-bottom: 0;
				}
			#contenu div.couleur5 div.clicable {
				background-image:url(/images/fleche_navi_vert.png);
				background-repeat: no-repeat;
				padding: 0 0 0 8px;
				}
		#centre #menu2 div.couleur5 .milieu a{
			color:#316C01;
					}
/* --------------------- titre5 --------------------*/
		#contenu div.titre5 .haut .gauche {
			background-image: url(/images/box_couleur5/coin_hg.png);
			height: 7px;
			}
		#contenu div.titre5 .haut .droite {
			background-image: url(/images/box_couleur5/coin_hd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre5 .milieu {
			border-right: 1px solid #DFDFDF;
			border-left: 1px solid #DFDFDF;
			margin: 0;
			padding: 10px 0 1px 0;
			background-color:#FFF;;
			min-height: 50px;
			}
		#contenu div.titre5 .bas .gauche {
			background-image: url(/images/box/coin_bg.png);
			height: 7px;
			}
		#contenu div.titre5 .bas .droite {
			background-image: url(/images/box/coin_bd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre5 h1{
			background-image: url(/images/box_couleur5/haut.png);
			background-repeat: no-repeat;
			background-color:#6FA000;
			color: #FFFFFF;
			padding-bottom: 0;
			border-bottom: solid 1px #3A8000;
			margin-bottom: 0;
			}
			div.titre5 table tr.pair:hover,
			div.titre5 table tr.impair:hover {
				background-color: #E4FAB4;
				color: #333333;
				}
/* -------------------------------------- box 6 ---------------------------*/

			#contenu div.couleur6 .haut .droite {
				background-image: url(/images/box_couleur6/coin_hd.png);
				}
			#contenu div.couleur6 .haut .gauche {
				background-image: url(/images/box_couleur6/coin_hg.png);
				}
			#contenu div.couleur6b .haut .droite {
				background-image: url(/images/box_couleur6b/coin_hd.png);
				}
			#contenu div.couleur6b .haut .gauche {
				background-image: url(/images/box_couleur6b/coin_hg.png);
				}
			#contenu div.couleur6 .bas .gauche,
			#contenu div.couleur6b .bas .gauche{
				background-image: url(../images/box_couleur6/coin_bg.png);
				}
			#contenu div.couleur6 .bas .droite,
			#contenu div.couleur6b .bas .droite{
				background-image: url(/images/box_couleur6/coin_bd.png);
				}
			#contenu div.couleur6 .milieu,
			#contenu div.couleur6b .milieu {
					background-color: #fff2b6;
					border-left: solid 1px #fc8b06;
					border-right: solid 1px #fc8b06;
					}
			#contenu div.couleur6 h1,
			#contenu div.couleur6 h2,
			#contenu div.couleur6 h3{
				background-image: url(/images/box_couleur6/haut.png);
				background-repeat: no-repeat;
				background-color:#679500;
				color: #FFFFFF;
				padding-bottom: 0;
				}
			#contenu div.couleur6 div.clicable {
				background-image:url(/images/fleche_navi_vert.png);
				background-repeat: no-repeat;
				padding: 0 0 0 8px;
				}
/* ---------------------------------------- box 7 ----------------------------------------- */
		#contenu div.couleur7 .bas .gauche,
		#centre #menu2 div.couleur7 .bas .gauche{
			background-image: url(/images/box_couleur7/coin_bg.png);
			}
		#centre #menu2 div.couleur7 .haut .droite{
			background-image: url(/images/box_couleur7b/coin_hd.png);
			}
		#contenu div.couleur7 .haut .droite {
			background-image: url(/images/box_couleur7/coin_hd.png);
			}
		#centre #menu2 div.couleur7 .haut .gauche{
			background-image: url(/images/box_couleur7b/coin_hg.png);
			}
		#contenu div.couleur7 .haut .gauche {
			background-image: url(/images/box_couleur7/coin_hg.png);
			}
		#contenu div.couleur7 .bas .droite,
		#centre #menu2 div.couleur7 .bas .droite{
			background-image: url(/images/box_couleur7/coin_bd.png);
			}
/* ------ over ------------ */
		#centre #menu2 div.couleur7:hover .haut .droite{
			background-image: url(/images/box_couleur7_hover/coin_hd.png);
			}
		#centre #menu2 div.couleur7:hover .haut .gauche{
			background-image: url(/images/box_couleur7_hover/coin_hg.png);
			}
		#centre #menu2 div.couleur7:hover .bas .gauche{
			background-image: url(/images/box_couleur7_hover/coin_bg.png);
			}
		#centre #menu2 div.couleur7:hover .bas .droite{
			background-image: url(/images/box_couleur7_hover/coin_bd.png);
			}
		div#menu2 div.couleur7:hover ul li{
			background-color: #E4DEFF;
			}
/* ------------------------ */
		div#menu2 div.couleur7 ul li{
			padding: 0 0 0 5px;
			margin: 0;
			}
		div#menu2 div.couleur7 ul li a{
			padding: 0;
			margin: 0;
			}
		#contenu div.couleur7 .milieu,
		#centre #menu2 div.couleur7 .milieu{
			background-image: none;
			background-color: #d2cdff;
			border-left: solid 1px #513efc;
			border-right: solid 1px #513efc;
			}
		#centre #menu2 div.couleur7 .milieu a{
			color:#63C;
			}
			#contenu div.couleur7 h1,
			#contenu div.couleur7 h2,
			#contenu div.couleur7 h3{
				background-image: url(/images/box_couleur7/haut.png);
				background-repeat: no-repeat;
				background-color:#679500;
				color: #FFFFFF;
				padding-bottom: 0;
				}
			#contenu div.couleur7 div.clicable {
				background-image:url(/images/fleche_navi_vert.png);
				background-repeat: no-repeat;
				padding: 0 0 0 8px;
				}
/* --------------------- titre7--------------------*/

		#contenu div.titre7 .haut .gauche {
			background-image: url(/images/box_couleur7/coin_hg.png);
			height: 7px;
			}
		#contenu div.titre7 .haut .droite {
			background-image: url(/images/box_couleur7/coin_hd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre7 .milieu {
			border-right: 1px solid #DFDFDF;
			border-left: 1px solid #DFDFDF;
			margin: 0;
			padding: 10px 0 1px 0;
			background-color:#FFF;;
			min-height: 50px;
			}
		#contenu div.titre7 .bas .gauche {
			background-image: url(/images/box/coin_bg.png);
			height: 7px;
			}
		#contenu div.titre7 .bas .droite {
			background-image: url(/images/box/coin_bd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre7 h1{
			background-image: url(/images/box_couleur7/haut.png);
			background-repeat: no-repeat;
			background-color:#6D5FFC;
			color: #FFFFFF;
			padding-bottom: 0;
			border-bottom: solid 1px #513EFC;
			margin-bottom: 0;
			}
			div.titre7 table tr.pair:hover,
			div.titre7 table tr.impair:hover {
				background-color: #D3CDFF;
				color: #333333;
				}
/* -------------------------------------- box 8 -----------------------------------*/
		#contenu div.couleur8 .bas .gauche,
		#centre #menu2 div.couleur8 .bas .gauche{
			background-image: url(../images/box_couleur8/coin_bg.png);
			}
		#centre #menu2 div.couleur8 .haut .droite{
			background-image: url(/images/box_couleur8b/coin_hd.png);
			}
		#contenu div.couleur8 .haut .droite {
			background-image: url(/images/box_couleur8/coin_hd.png);
			}
		#centre #menu2 div.couleur8 .haut .gauche{
			background-image: url(/images/box_couleur8b/coin_hg.png);
			}
		#contenu div.couleur8 .haut .gauche {
			background-image: url(/images/box_couleur8/coin_hg.png);
			}
		#contenu div.couleur8 .bas .droite,
		#centre #menu2 div.couleur8 .bas .droite{
			background-image: url(/images/box_couleur8/coin_bd.png);
			}
/* ------ over ------------ */
		#centre #menu2 div.couleur8:hover .haut .droite{
			background-image: url(/images/box_couleur8_hover/coin_hd.png);
			}
		#centre #menu2 div.couleur8:hover .haut .gauche{
			background-image: url(/images/box_couleur8_hover/coin_hg.png);
			}
		#centre #menu2 div.couleur8:hover .bas .gauche{
			background-image: url(/images/box_couleur8_hover/coin_bg.png);
			}
		#centre #menu2 div.couleur8:hover .bas .droite{
			background-image: url(/images/box_couleur8_hover/coin_bd.png);
			}
		div#menu2 div.couleur8:hover ul li{
			background-color: #f5d4fd;
			}
/* ------------------------ */
		div#menu2 div.couleur8 ul li{
			padding: 0 0 0 5px;
			margin: 0;
			}
		div#menu2 div.couleur8 ul li a{
			padding: 0;
			margin: 0;
			}
		#contenu div.couleur8 .milieu,
		#centre #menu2 div.couleur8 .milieu{
			background-image: none;
			background-color: #EDB3FC;
			border-left: solid 1px #8F02AD;
			border-right: solid 1px #8F02AD;
			}
			#contenu div.couleur8 h1,
			#contenu div.couleur8 h2,
			#contenu div.couleur8 h3{
				background-image: url(/images/box_couleur8/haut.png);
				background-repeat: no-repeat;
				background-color:#679500;
				color: #FFFFFF;
				padding-bottom: 0;
				}
			#contenu div.couleur8 div.clicable {
				background-image:url(/images/fleche_navi_vert.png);
				background-repeat: no-repeat;
				padding: 0 0 0 8px;
				}
	#centre #menu2 div.couleur8 .milieu a{
			color: #8F02AD;
			}
/* -------------------------------------------box  9 ----------------------------------------*/
		#contenu div.couleur9 .bas .gauche,
		#centre #menu2 div.couleur9 .bas .gauche{
			background-image: url(../images/box_couleur9/coin_bg.png);
			}
		#centre #menu2 div.couleur9 .haut .droite{
			background-image: url(/images/box_couleur9b/coin_hd.png);
			}
		#contenu div.couleur9 .haut .droite {
			background-image: url(/images/box_couleur9/coin_hd.png);
			}
		#centre #menu2 div.couleur9 .haut .gauche{
			background-image: url(/images/box_couleur9b/coin_hg.png);
			}
		#contenu div.couleur9 .haut .gauche {
			background-image: url(/images/box_couleur9/coin_hg.png);
			}
		#contenu div.couleur9 .bas .droite,
		#centre #menu2 div.couleur9 .bas .droite{
			background-image: url(/images/box_couleur9/coin_bd.png);
			}
/* ------ over ------------ */
		#centre #menu2 div.couleur9:hover .haut .droite{
			background-image: url(/images/box_couleur9_hover/coin_hd.png);
			}
		#centre #menu2 div.couleur9:hover .haut .gauche{
			background-image: url(/images/box_couleur9_hover/coin_hg.png);
			}
		#centre #menu2 div.couleur9:hover .bas .gauche{
			background-image: url(/images/box_couleur9_hover/coin_bg.png);
			}
		#centre #menu2 div.couleur9:hover .bas .droite{
			background-image: url(/images/box_couleur9_hover/coin_bd.png);
			}
		div#menu2 div.couleur9:hover ul li{
			background-color: #c7f2fa;
			}
/* ------------------------ */
		div#menu2 div.couleur9 ul li{
			padding: 0 0 0 5px;
			margin: 0;
			}
		div#menu2 div.couleur9 ul li a{
			padding: 0;
			margin: 0;
			}
		#contenu div.couleur9 .milieu,
		#centre #menu2 div.couleur9 .milieu{
			background-image: none;
			background-color: #98E5F3;
			border-left: solid 1px #00687b;
			border-right: solid 1px #00687b;
			}
			#contenu div.couleur9 h1,
			#contenu div.couleur9 h2,
			#contenu div.couleur9 h3{
				background-image: url(/images/box_couleur9/haut.png);
				background-repeat: no-repeat;
				background-color:#679500;
				color: #FFFFFF;
				padding-bottom: 0;
				}
			#contenu div.couleur9 div.clicable {
				background-image:url(/images/fleche_navi_vert.png);
				background-repeat: no-repeat;
				padding: 0 0 0 8px;
				}
		#centre #menu2 div.couleur9 .milieu a{
			color:#00687b;
			}
/* --------------------- titre9--------------------*/
		#contenu div.titre9 .haut .gauche {
			background-image: url(/images/box_couleur9/coin_hg.png);
			height: 7px;
			}
		#contenu div.titre9 .haut .droite {
			background-image: url(/images/box_couleur9/coin_hd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre9 .milieu {
			border-right: 1px solid #DFDFDF;
			border-left: 1px solid #DFDFDF;
			margin: 0;
			padding: 10px 0 1px 0;
			background-color:#FFF;;
			min-height: 50px;
			}
		#contenu div.titre19 .bas .gauche {
			background-image: url(/images/box/coin_bg.png);
			height: 7px;
			}
		#contenu div.titre9 .bas .droite {
			background-image: url(/images/box/coin_bd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre9 h1{
			background-image: url(/images/box_couleur9/haut.png);
			background-repeat: no-repeat;
			background-color:#239CB9;
			color: #FFFFFF;
			padding-bottom: 0;
			border-bottom: solid 1px #166274;
			margin-bottom: 0;
			}
			div.titre9 table tr.pair:hover,
			div.titre9 table tr.impair:hover {
				background-color: #9EE5F2;
				color: #333333;
				}
/* --------------------------------- box 10 --------------------------------- */
		#contenu div.couleur10 .bas .gauche,
		#contenu div.errors .bas .gauche,
		#centre #menu2 div.couleur10 .bas .gauche{
			background-image: url(/images/box_couleur10/coin_bg.png);
			}
		#centre #menu2 div.couleur10 .haut .droite{
			background-image: url(/images/box_couleur10b/coin_hd.png);
			}
		#contenu div.couleur10 .haut .droite,
		#contenu div.errors .haut .droite{
			background-image: url(/images/box_couleur10/coin_hd.png);
			}
		#centre #menu2 div.couleur10 .haut .gauche{
			background-image: url(/images/box_couleur10b/coin_hg.png);
			}
		#contenu div.couleur10 .haut .gauche,
		#contenu div.errors .haut .gauche {
			background-image: url(/images/box_couleur10/coin_hg.png);
			}
		#contenu div.couleur10 .bas .droite,
		#contenu div.errors .bas .droite,
		#centre #menu2 div.couleur10 .bas .droite{
			background-image: url(/images/box_couleur10/coin_bd.png);
			}
/* ------ over ------------ */
		#centre #menu2 div.couleur10:hover .haut .droite{
			background-image: url(/images/box_couleur10_hover/coin_hd.png);
			}
		#centre #menu2 div.couleur10:hover .haut .gauche{
			background-image: url(/images/box_couleur10_hover/coin_hg.png);
			}
		#centre #menu2 div.couleur10:hover .bas .gauche{
			background-image: url(/images/box_couleur10_hover/coin_bg.png);
			}
		#centre #menu2 div.couleur10:hover .bas .droite{
			background-image: url(/images/box_couleur10_hover/coin_bd.png);
			}
		div#menu2 div.couleur10:hover ul li{
			background-color: #F2868B;
			}
/* ------------------------ */
		div#menu2 div.couleur10 ul li,
		div#menu2 div.errors ul li{
			padding: 0 0 0 5px;
			margin: 0;
			}
		div#menu2 div.couleur10 ul li a,
		div#menu2 div.errors ul li a {
			padding: 0;
			margin: 0;
			}
		#contenu div.couleur10 .milieu,
		#contenu div.errors .milieu,
		#centre #menu2 div.couleur10 .milieu{
			background-image: none;
			background-color: #F86464;
			border-left: solid 1px #97000f;
			border-right: solid 1px #97000f;
			color: #000;
			}
			#contenu div.couleur10 h1,
			#contenu div.errors h1,
			#contenu div.couleur10 h2,
			#contenu div.errors h2,
			#contenu div.couleur10 h3,
			#contenu div.errors h3,
			#contenu div.errors h1.titre{
				background-image: url(/images/box_couleur10/haut.png);
				background-repeat: no-repeat;
				background-color:#AC0012;
				color: #FFFFFF;
				padding-bottom: 0;
				}
			#contenu div.couleur10 div.clicable,
			#contenu div.errors div.clicable{
				background-image:url(/images/fleche_navi_noir.png);
				background-repeat: no-repeat;
				padding: 0 0 0 8px;
				}
		#centre #menu2 div.couleur10 .milieu a,
		#centre #menu2 div.errors .milieu a {
			color:#AB0011;
			}

/* ------------------------------------------- box 11 ----------------------------------------*/
		#contenu div.couleur11 .bas .gauche,
		#centre #menu2 div.couleur11 .bas .gauche{
			background-image: url(/images/box_couleur11/coin_bg.png);
			}
		#centre #menu2 div.couleur11 .haut .droite{
			background-image: url(/images/box_couleur11b/coin_hd.png);
			}
		#contenu div.couleur11 .haut .droite {
			background-image: url(/images/box_couleur11/coin_hd.png);
			}
		#centre #menu2 div.couleur11 .haut .gauche{
			background-image: url(/images/box_couleur11b/coin_hg.png);
			}
		#contenu div.couleur11 .haut .gauche{
			background-image: url(/images/box_couleur11/coin_hg.png);
			}
		#contenu div.couleur11 .bas .droite,
		#centre #menu2 div.couleur11 .bas .droite{
			background-image: url(/images/box_couleur11/coin_bd.png);
			}

/* ------ over ------------ */
		#centre #menu2 div.couleur11:hover .haut .droite{
			background-image: url(/images/box_couleur11_hover/coin_hd.png);
			}
		#centre #menu2 div.couleur11:hover .haut .gauche{
			background-image: url(/images/box_couleur11_hover/coin_hg.png);
			}
		#centre #menu2 div.couleur11:hover .bas .gauche{
			background-image: url(/images/box_couleur11_hover/coin_bg.png);
			}
		#centre #menu2 div.couleur11:hover .bas .droite{
			background-image: url(/images/box_couleur11_hover/coin_bd.png);
			}
		div#menu2 div.couleur11:hover ul li{
			background-color: #fa9c76;
			}
/* ------------------------ */
			div#menu2 div.couleur11 ul li{
				padding: 0 0 0 5px;
				margin: 0;
				}
				div#menu2 div.couleur11 ul li a{
					padding: 0;
					margin: 0;
					}
		#contenu div.couleur11 .milieu,
		#centre #menu2 div.couleur11 .milieu{
			background-image: none;
			background-color: #fa885a;
			border-left: solid 1px #b23402;
			border-right: solid 1px #b23402;
			}
		#contenu div.couleur11 h1,
		#contenu div.couleur11 h2,
		#contenu div.couleur11 h3{
			background-image: url(/images/box_couleur11/haut.png);
			background-repeat: no-repeat;
			background-color:#F14617;
			color: #FFFFFF;
			padding-bottom: 0;
			}
			#contenu div.couleur11 div.clicable {
				background-image:url(/images/fleche_navi_brun.png);
				background-repeat: no-repeat;
				padding: 0 0 0 8px;
				}
		#centre #menu2 div.couleur11 .milieu a{
			color:#AD3411;
			}
		#partieIndexDroite div.couleur11 .milieu a.couleur{
			color: #642606;
			background-image: url(/pictos/icones_10/fleche-droite-brun-10x10.png);
			background-repeat: no-repeat;
			padding-left: 15px;
			background-position: 2px;
			font-size: 12px;
			}

/* --------------------- titre11--------------------*/
		#contenu div.titre11 .haut .gauche {
			background-image: url(/images/box_couleur11/coin_hg.png);
			height: 7px;
			}
		#contenu div.titre11 .haut .droite {
			background-image: url(/images/box_couleur11/coin_hd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre11 .milieu {
			border-right: 1px solid #DFDFDF;
			border-left: 1px solid #DFDFDF;
			margin: 0;
			padding: 10px 0 1px 0;
			background-color:#FFF;;
			min-height: 50px;
			}
		#contenu div.titre11 .bas .gauche {
			background-image: url(/images/box/coin_bg.png);
			height: 7px;
			}
		#contenu div.titre11 .bas .droite {
			background-image: url(/images/box/coin_bd.png);
			float: right;
			height: 7px;
			width: 7px
			}
		#contenu div.titre11 h1{
			background-image: url(/images/box_couleur11/haut.png);
			background-repeat: no-repeat;
			background-color:#F14617;
			color: #FFFFFF;
			padding-bottom: 0;
			border-bottom: solid 1px #B23411;
			margin-bottom: 0;
			}
			div.titre11 table tr.pair:hover,
			div.titre11 table tr.impair:hover {
				background-color: #FDA16F;
				color: #333333;
				}

/*----------- errors-------------*/
	#centre div.errors .milieu ul.errormessages{
			list-style:none;
		}
		#centre div.errors .milieu ul.errormessages li{
			background-image:url(/images/fleche_navi_noir.png);
			background-repeat: no-repeat;
			padding: 0 0 0 8px;
		}
/*-----------banner 300-------------*/
#contenu div.banner300 .milieu div{
	padding: 0;
	width: 300px;
	}
/*----------box 300 --------------*/
.box300 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 width: 300px;
 height: 248px;
 border: solid 1px #CCC;
 background-image:url(../images/SHLP_10bonnes_raisons.jpg);
 background-repeat: no-repeat;
 text-align:right;
 padding-top: 2px;
}
.box300 div {
 padding: 0 7px 0 0;
 }
.box300 div.titreBanner,
.box300 div.titreBas {
 color: #FFF;
 font-weight: bold;
 text-transform: uppercase;

 }
.box300 div.titreBanner {
 height: 50px;
 }
.box300 div.texte1 {
 text-transform: uppercase;
 font-size: 10px;
 height: 16px;
 }
.box300 div.texte2 {
 text-transform: uppercase;
 font-size: 15px;
 height: 35px;
 }
.box300 div.texte3 {
 color: #06C;
 font-weight: bold;
 height: 118px;
 font-size: 11px;
 padding-left: 130px;
 }
.box300 div.titreBas {
 font-size: 10px;
 height: 29px
 }
/*-----------------------------  fin box -------------------------*/
	#contenu .milieu p{
		padding: 0 0 10px 0;
		}
	#contenu .milieu p.firstLetter a{
		display: inline-block;
	}
	#contenu .milieu p.firstLetter a:first-letter{
		text-transform: capitalize;
	}
	#contenu .milieu table{
		margin: 0 10px 0 10px;
		}
	#contenu .milieu > div{
		padding: 0 10px;
		}
	#contenu .milieu div.titre{
		padding: 0;
		}
		#contenu .milieu table.tableMymission{
			margin:0;
			/*width: 400px;*/
			float:left;
			}
		#contenu .milieu div.geolocalisation{
			height: 320px;
			float: right;
			}
	#contenant table.fond1,
	#contenu table.fond1{
		border-collapse: collapse;
			background-color: #CCC;
	}
		#contenant table.fond1 tr td,
		#contenu table.fond1 tr td{
			padding: 5px;
			}
			#contenant table.fond1 tr td p,
			#contenu table.fond1 tr td p{
				padding: 5px 0 0 0;
				}
/* ------------------- uno duo trio -------------------- */

#partieIndexGauche a.uno,
#partieIndexGauche a.uno_activ,
#partieIndexGauche a.duo,
#partieIndexGauche a.duo_activ,
#partieIndexGauche a.trio,
#partieIndexGauche a.trio_activ{
	padding: 0 0 0 35px;
	margin-bottom:8px;
	font-size: 10px;
	height: 20px;
	width: 65px;
	display:inline-block;
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	background-repeat: no-repeat;
	cursor:pointer;
	}
#partieIndexGauche a.uno {
	background-image: url(../images/pictos/uno.png);

	}
#partieIndexGauche a.duo {
	background-image: url(../images/pictos/duo.png);
	}
#partieIndexGauche a.trio {
	background-image: url(../images/pictos/trio.png);
	}
#partieIndexGauche a.uno:hover,
#partieIndexGauche a.uno_activ:hover,
#partieIndexGauche a.duo:hover,
#partieIndexGauche a.duo_activ:hover,
#partieIndexGauche a.trio:hover,
#partieIndexGauche a.trio_activ:hover {
	color:#FFF;
	}
#partieIndexGauche a.uno:hover,
#partieIndexGauche a.uno_activ {
	background-image: url(../images/pictos/uno_over.png);

	}
#partieIndexGauche a.duo:hover,
#partieIndexGauche a.duo_activ{
	background-image: url(../images/pictos/duo_over.png);
	}
#partieIndexGauche a.trio:hover,
#partieIndexGauche a.trio_activ {
	background-image: url(../images/pictos/trio_over.png);
	}
.marge{
	margin-right: 35px;
	}
/*--------------------- contenu demi --------------*/
#contenu div.espace{
		float: left;
		width: 10px;
		}
	#contenu div.demi{
		float: left;
		width: 408px;
		}

/* ------------------------------------ picture ----------------*/
	#contenu div.pictureTitle {
		margin: 5px 0px 10px 0px;
		}
		#contenu div.pictureTitle img {
			margin: 0 5px 10px 0;
			float: left;
			}
		#contenu div.pictureTitle h4 {
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			color: #006292;
			}
		#contenu div.pictureTitle h4:first-letter{
			text-transform: capitalize;
			}
/* -----------------------------infobulle -------------*/
#divinfo {
	background-color: #BD251F;
	border: solid 1px #CCCCCC;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
	}
#cache {
	height: 0px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
	z-index: 1;
	}
div.hiddendiv{
	background-color: #E9E9E9;
	border: 1px solid #666;
	color: #C20202;
	margin: 0;
	padding: 2px 5px;
	}
.popupjs{
	width: 50%;
	display: none;
	max-height: 600px;
	overflow: auto;
}

#divinfo, #infobulle, .popupjs{
	border: 2px solid #3B6CAE;
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 90%;
}

#infobullePackage{
	border: 1px solid #AD3411;
	background-color: #FFFFFF;
	padding: 7px;
	font-size: 90%;
	width:440px;
}

#divinfo, #infobulle, #infobullePackage, .popupjs {
	height: auto;
	color: #333;
	background-color: #FFF;
}

#divinfo, .popupjs{
	position: fixed;
	left: 50%;
	top: 100px;
	width: 300px;
}
#divinfo.priceInfo,
#infobulle.priceInfo{
	position: absolute;
	left: 58%;
	top: 495px;
	width: 250px;
}
#divinfo #close, .popupjs #close{
	float: right;
	cursor: pointer;
}

/* ------------------ box -----------------*/
.boxPictosGauche {
	width: 48%;
	padding: 0;
	float: left;
	margin: 0;
	clear: both;
	margin-left: 10px;
	}
.boxPictosDroite {
	width: 48%;
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 10px;
	}
	.boxPictosGauche p ,
	.boxPictosDroite p {
		margin: 0;
		margin-left: 50px;
		padding: 0;
		padding-top: 2px;
		text-align: left;
		}
	.boxPictosGauche img ,
	.boxPictosDroite img {
		float: left;
		}
		.boxPictosGauche p a ,
		.boxPictosDroite p a {
			font-weight: bold;
			color: #666666;
				text-decoration: underline;
		}
		.boxPictosGauche p a:hover ,
		.boxPictosDroite p a:hover {
			color: #000000;
			}
	.boxPictosGauche p:first-letter ,
	.boxPictosDroite p:first-letter {
		text-transform: capitalize;
		}
		.boxPictosGauche .internalBoxTxt a ,
		.boxPictosDroite .internalBoxTxt a {
			color: #666666;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			}
		.boxPictosGauche .internalBoxTxt a:hover ,
		.boxPictosDroite .internalBoxTxt a:hover {
			color: #999999;
			}
		.boxPictosGauche .internalBoxTxt a.status_vide ,
		.boxPictosDroite .internalBoxTxt a.status_vide {
			color: #666666;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			background-image:url(/images/pictos/status2.png);
			background-position: 0 -31px;
			background-repeat:no-repeat;
			padding-left: 18px;
			}
		.boxPictosGauche .internalBoxTxt a.status_vide:hover ,
		.boxPictosDroite .internalBoxTxt a.status_vide:hover {
			color: #999999;
			}
		.boxPictosGauche .internalBoxTxt a.status_incomplet ,
		.boxPictosDroite .internalBoxTxt a.status_incomplet {
			color: #666666;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			background-image:url(/images/pictos/status2.png);
			background-position: 0 -15px;
			background-repeat:no-repeat;
			padding-left: 18px;
			}
		.boxPictosGauche .internalBoxTxt a.status_incomplet:hover ,
		.boxPictosDroite .internalBoxTxt a.status_incomplet:hover {
			color: #999999;
			}
		.boxPictosGauche .internalBoxTxt a.status_ok ,
		.boxPictosDroite .internalBoxTxt a.status_ok {
			color: #666666;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			background-image:url(/images/pictos/status2.png);
			background-position: 0 1px ;
			background-repeat:no-repeat;
			padding-left: 18px;
			}
		.boxPictosGauche .internalBoxTxt a.status_ok:hover ,
		.boxPictosDroite .internalBoxTxt a.status_ok:hover {
			color: #999999;
			}
.titreBoxLigne{
	font-size: 20px;
	}
#boxGauche,
div.boxGauche{
	float:left;
	width: 379px;
	}
#partieGauche {
	float: right;
	width: 405px;
	}
#boxDroite,
div.boxDroite,
#partieDroite {
	float:right;
	width: 379px;
	}
#partieIndexGauche {
	float:left;
	width: 465px;
	margin: 0 ;
	}
#partieIndexDroite {
	float:right;
	width: 302px;
	margin: 0;
	}
#partieIndexGauche a,
#partieIndexDroite a {
	text-decoration: none;
	color: #666;
	}
#partieIndexGauche a:hover,
#partieIndexDroite a:hover {
	color: #006292;
	}
/* -------------- event -------------- */
#divinfo.event {
    border:2px solid #BD251F;
    background-color:#ffffff;
    color:black;
	font-size: 90%;
	position: fixed;
	left: 50%;
	top: 100px;
	width: 260px;
	}
	#divinfo.event hr{
		height: 1px;
		border: 0px;
		color: #000000;
		background-color: #000000;
		}
	#divinfo.event #close{
		float: right;
		cursor: pointer;
		}
/* ------------- detail ----------------- */
table.detailexportshlp{
	margin-top: 5px;
	}
		table.detailexportshlp tr th{
			border-bottom: 0px;
			padding: 0px;
			text-transform: none;
			font-size: 100%;
			font-weight: bold;
			}
/* --------------------------- HACK IE ------------------------ */
		#centre #contenu div.milieu{
			zoom: 1;
			}
	#contenu p.capital{
		display: inline-block;
		}
	#contenu p.capital:first-letter,
	#contenu label.capital:first-letter{
		text-transform: capitalize;
		}
	#contenu p.branch:first-letter{
		text-transform: capitalize;
		}
/*---------------------- captcha ------------------------*/

#contenu #contenant .captcha{
	border: none;
	clear:both;
	}
#contenu #contenant .captcha img{
	display:block;
	}
#contenu #contenant .captcha legend,
#contenu #contenant .captcha .description {
	display: none;
	}
#contenu #contenant .captcha #edit-captcha-response-wrapper{
	padding-bottom:10px;
	}
#contenu #contenant form .captcha #edit-captcha-response-wrapper label{
	border:none;
	width:auto;
	}
#contenu #contenant form .captcha #edit-captcha-response-wrapper input{
	display:block;
	margin-top: 40px;
	}

/********/
#centre div.explications .milieu{
	padding:5px;
}

div#centre div#contenu div.explications div div.milieu ul{
	list-style-type:none;
	padding-left:8px;
}

#centre div.explications .milieu ul li{
	background-image:url(/images/fleche_navi_noir.png);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	margin-bottom:3px;
}

#centre #contenu div.milieu div.profile_user{
	padding-right:20px;
}
#centre div.profile_user .milieu table{
	margin:0;
}

#centre #contenu div.milieu ul.dve_propositions{
	list-style:none;
}

div#centre div#contenu div.boxGauche div div.milieu div.line_block{
	margin-bottom:10px;
}

div#centre div#contenu div.boxGauche div div.milieu form div.line_block{
	margin-bottom:20px;
}

div#centre div#contenu div.boxGauche div div.milieu div.line_block div.inline_block{
	display:inline-block;
}

div#centre div#contenu div.boxGauche div div.milieu div.line_block div.marge,
div.milieu div.line_block div.marge{
	margin-left:20px;
	margin-top:5px;
}

div#centre div#contenu div.boxGauche div div.milieu form div.line_block div.line i{
	font-size:11px;
}

div#centre div#contenu div.boxGauche div div.milieu div.line_block div.line div.text_centered,
div#centre div#contenu div.boxGauche div div.milieu div.line_block div.line div.text_centered_radio{
	text-align:center;
}

div#centre div#contenu div.boxGauche div div.milieu div.line_block div.line div.text_centered_radio{
	margin-top:4px;
}

div#centre div#contenu div.boxGauche div div.milieu div.line_block div.line div.text_centered_radio span{
	margin-right:5px;
	display:inline-block;
}

div#centre div#contenu div.boxGauche div div.milieu form div.line_block div.marge textarea,
form div.line_block div.marge textarea{
	width:300px;
	height:150px;
}

div#centre div#contenu div div.milieu div ul{
	list-style-type:none;
}

div#centre div#contenu div div.milieu div ul li{
	background-image:url(/images/fleche_navi_noir.png);
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	margin-bottom:3px;
}

div#centre div#contenu div div.milieu div ul li:first-letter{
	text-transform: capitalize;
}

div#general div#centre div#contenu div.boxGauche div div.milieu div form table.dve_propositions label{
	width:auto;
	margin:0;
	float:none;
}
div#centre div#contenu  hr{
	height: 1px;
	border: 0px;
	color: #CCC;
	background-color: #CCC;
	margin: 5px 0 5px 0;
		}
table .pair td a.lien ,
table .impair td a.lien {
	color: #006292;
	text-decoration: underline;
}

table .pair td a.lien:hover ,
table .impair td a.lien:hover {
	color: #006292;
	text-decoration: none;
}

table .pair td div.important,
table .impair td div.important{
	display:inline;
}

table .pair td div.important a.lien ,
table .impair td div.important a.lien {
	color: red;
	text-decoration: underline;
}

table .pair td div.important a.lien:hover ,
table .impair td div.important a.lien:hover {
	color: red;
	text-decoration: none;
}

div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div.arrayAddress{
	border-bottom:1px solid black;
	padding:5px;
	margin-bottom:5px;
}

html body div#general div#centre div#contenu div#partieIndexDroite div.couleur4 div.milieu p{
	padding:0 5px 5px 5px;
}

html body div#general div#centre div#contenu div#partieIndexGauche form div div.milieu div table tbody tr td.card_picto img{
	margin-bottom:1px;
}

html body div#general div#centre div#menu2 div.carte a{
	margin-left:-1px;
}

html body div#general div#centre div#contenu div#partieIndexDroite div.couleur7 div.milieu ul li.bchoice,
html body div#general div#centre div#contenu div#partieIndexDroite div.couleur5 div.milieu ul li.bchoice,
html body div#general div#centre div#contenu div#partieIndexDroite div.couleur9 div.milieu ul li.bchoice,
html body div#general div#centre div#contenu div#partieIndexDroite div.couleur11 div.milieu ul li.bchoice{
	background-image:none;
	padding: 0;
	margin-bottom:0;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div form.formCc label {
	display:inline-block;
	float:none;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div form.formCc div div div.formCCMatieres input{
	margin-right:4px;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div form.formCc div div div.formCCMatieres{
	padding-top:4px;
	margin-left:10px;
	margin-bottom:5px;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div.blockCC{
	border-top:1px solid black;
	margin-top:10px;
	padding:5px 0 0 0;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div.text_keep_in_touch ul{
	padding:0;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div.text_keep_in_touch ul li{
	background-image:none;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div form.formCc div select#villeCC{
	border: solid 1px #999;
	margin: 3px 0 3px 0;
	background-color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div form.formCc div.blockCC div label.momentLabel{
	width:80px;
}

html body div#general div#centre div#contenu div#partieIndexGauche div div.milieu div div form.formCc div.blockCC div label.momentLabelNormal{
	width:100px;
}

html body div#general div#centre div#contenu div#partieIndexDroite div.couleur4 div.milieu div.conceptText li{
		background-image:none;
		padding:0;
}

.contactIn div{
	vertical-align:top;
}

.contactIn label{
	float:none;
}

.contactIn textarea{
	font-size:12px;
	width:400px;
	height:100px;
	border:1px solid #999999;
}

div.line_block div.line textarea,
div.line_block div.line textarea#courseSummary{
	border:1px solid #999999;
	font-size:12px;
}
/* cours disponible */
div.dispo {
	 width: 48px;
	 vertical-align:top;
	 height: 8px;
	 border: 1px solid #333;
	 background-color:#FFF;
	 display:inline-block;
	 margin-right:5px;
	 }
	div.dispo .vide {
		 width: 10px;
		 height: 8px;
		 background-color:#7AC823;
		 }
	div.dispo .moitie {
		 width: 36px;
		 height: 8px;
		 background-color:#E6A50C;
		 }
	div.dispo .plein {
		 width: 48px;
		 height: 8px;
		 background-color:#E61B11;
		 }
/* ----------------------- affichage paiements fractionnés*/
span.unclickable{
	opacity:0.25;
    filter : alpha(opacity=25);
}
/* ----------------------- affichage paiements fractionnés*/

span.unclickable{
	opacity:0.25;
    filter : alpha(opacity=25);
}

div.important_warning{
	border: 2px solid #900;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	padding: 5px;
}

/* Calendar des cours collectifs */
table.calendar {
	border-collapse: collapse;
	border: 1px solid #8F8F8F;
	min-width: 0px;
}

table.calendar td,table.calendar th {
	padding: 0px;
	border: 1px solid #8F8F8F;
	width: 30px;
}

table.calendar th {
	text-align: center;

}

table.calendar td.full {
	background-color: #FA885A;
	color: #000000;
}

table.calendar tr:hover td.current {
	background-color: #666666;
	color: #FFFFFF;
}

table.calendar a,
table.calendar td span {
	display: block;
	text-align: center;
	color: inherit;
}

table.calendar td span.old {
	color: #CFCFCF;
}
table.calendar td.current {
	background-color: #F2F2F2;
	color: #000000;
}

/* boutons de choix de cours */
div a.button_choice{
	min-width:190px;
	text-align:center;
	height:15px;
}

/* reset du calendrier des disponibilités */
input.reset_calendar{
	background-image: url('/images/box_arguments/haut_fond.png');
	border:1px solid #3A800D;
}
/*----------------------------- footer -------------------------*/		
#footer {
	font-size: 10px;
	padding: 1px 0 1px 0;
	}
#footer #partager,
#footer #liens,
#footer #kesako {
	margin: 10px;
	}	
#footer #partager {
	margin: 10px;
	font-size: 12px;
	float: left;
	width: 750px;
	}
#footer #partager img {
	margin-left: 10px;
	}
#footer #conditions {
	line-height: 12px;
	}
#footer #liens a {
	text-decoration: none;
	}
#footer #liens a:hover {
	}
#footer ul {
	margin: 0 10px;
	padding: 5px 0;
	}
#footer ul li {
	list-style: none;
	}
#footer ul li a {
	text-decoration: none;
}
div#kesako {
	padding: 3px 0 0 0;
	width: 164px;
	float:right;
	text-align:right;
	}
div#kesako a{
	background-image: url(/images/kesako_round.png);
	background-repeat: no-repeat;
	font-size: 10px;
	text-decoration: none;
	padding: 0 0 1px 16px;
	background-position: 0 -1px;
	}
#footer #menu_bas {
	border-top: solid 3px #999;
	margin: 0 10px;
	background-color: #DFDFDF;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	}
#footer #menu_bas ul {
	float: left;
	width: 150px;
	}
#footer #menu_bas ul li:first-letter {
	text-transform:uppercase;
	}
#footer #menu_bas ul li:first-child {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
	}
#footer #menu_bas2 {
	margin: 10px;
	border: solid 1px #CCC;
}
#footer #menu_bas2 ul {
	float: left;
}
#footer #menu_bas2 ul li {
	float: left;
	padding-right: 10px;
}
#footer #menu_bas2 ul li a {
	text-transform:uppercase;
}