/* Feuille de style créée par Com'3Elles : www.com3elles.com */
/* styles généraux */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #f2f2f2 url(noel/body_bg.jpg) repeat-x center top;
	font-size: 11px;}
p, ul, li, br, img, span, a, H1, H2, body {margin:0; padding:0}
H1 {font-size: 1.8em}
H2 {font-size: 1.2em}
H1 {font-weight:bold}
H1.professionnels {color:#3CF}
H1.particuliers {color: #F90}
H1.formations {color: #FC0}
H1.partenaires {color: #FD0}
H1.liens {color: #C00}
H1.contact {color: #90C}
p, ul, H1, H2, H3{padding: 0px 10px; margin:0}
H4{	font-size: 1.8em;
	font-style: italic;
	color: #09F;
	margin:0;
	padding:0;
}
.panne {
	background: #f3fde4 url(img/masque.png) no-repeat left bottom;
	width: 380px;
	padding:5px 5px 35px 25px;
	margin: 0 0 -25px 220px;
}
.lienpro {
	font-size: 12px;
}
.depasse {
	background: #e4f4fe url(img/masque.png) no-repeat left top;
	width: 380px;
	padding:25px 5px 5px 30px;
	margin-top:-20px;
}
.nouveau {
	background: #eee url(img/masque.png) no-repeat right bottom;
	width: 440px;
	padding:5px 10px 25px 5px;
	margin-left:100px
}
.divorange {
	background:#fceeb5 url(img/masque.png) no-repeat bottom right; 
	padding:5px 10px 25px 5px;}
.panne h4, .depasse h4, .nouveau h4 { padding:5px; margin:0; font-size:16px; font-weight:bold}

H2 {background:url(img/h2_bg.png) repeat-x center center; height:26px}
H2.particuliers {background:url(img/h2parti_bg.gif) repeat-x center center; height:26px}
H2.professionnels {background:url(img/h2pro_bg.gif) repeat-x center center; height:26px}
H2.formations {background:url(img/h2form_bg.gif) repeat-x center center; height:26px}
H2.partenaires {background:url(img/h2parte_bg.gif) repeat-x center center; height:26px}
H2.liens {background:url(img/h2lien_bg.gif) repeat-x center center; height:26px}
H2.contact {background:url(img/h2cont_bg.gif) repeat-x center center; height:26px}
#legende {font-size:0.8em; color:#666}
a {	color: #39F;}
a:hover {	color: #F60;}
.invisible { color:#000; text-decoration:none;}
.important {
	font-style: italic;
	font-weight: bold;
	color: #F60;
}
.important_rouge_titre {
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
}
.entete_tableau {font-weight: bold;}
H3 {font-weight: bold;
	font-size: 12px;
}
.detail {font-size: 10px}

/*tableaux */
table {
	padding:0;
	margin:0;
	border:none;
}
th{	padding:0;
	margin:0;
	text-align:center;
	height:45px
	}
td{	padding:5px;
	margin:0;}
table.tarifsorange {background:#fefefe}
table.tarifsorange th {background:#F90;}
table.tarifsorange tr.ligne1 {background:#eee}
table.particuliers, table.professionnels, table.formations  {	width:100%;}
table.particuliers td, table.professionnels td, table.formations td{ background:#EEE;}
table.particuliers { background:#F60;}
table.particuliers th{ background:#F90;}
table.professionnels {	background-color: #39F;}
table.professionnels th{ background-color: #3CF;}
table.formations {	background-color: #F90;}
table.formations th{ background-color: #FC0;}
/* formulaires */
.libelle {
	width: 200px;
	float:left;
	clear:left;
	margin-right:2px;
	text-align:right;
	height: 20px;
	margin-top: 4px;
}
.valid { text-align:center}
input, textarea, select {
	background: #eee url(img/content_bg.jpg) repeat-x;
	border:1px solid #ccc;
	margin:2px;
	padding:2px;
	font-size:11px;
	width:310px;
	font-family: Arial, Helvetica, sans-serif;}
input.radio {width:auto;background: none; border:none}
input.newsletter {width:auto}
.textarea30 {background: #eee url(img/content_bg.jpg) repeat-x;
	border:1px solid #ccc;
	margin:2px;
	padding:2px;
	font-size:11px;
	width:220px;}
.textarea10 {background: #eee url(img/content_bg.jpg) repeat-x;
	border:1px solid #ccc;
	margin:2px;
	padding:2px;
	font-size:11px;
	width:90px;}
.textareacourt {
	background: #eee url(img/content_bg.jpg) repeat-x;
	border:1px solid #ccc;
	margin:2px;
	padding:2px;
	font-size:11px;
	width:150px;
}	
.bouton, .boutonlong{ background: #666 url(img/menu_bg.png) center top; width:80px; color:#FFF}
.boutonlong{ width:160px;}
/* zones*/
/* haut */
#entete {
	margin:0;padding:0;
	position: relative;
	width: 100%;
	height:115px;
	font-size: 10px;
	background: url(noel/entete_bg.png) no-repeat center top;}
#entete_conteneur {
	position: relative;
	width: 950px;
	height:105px;
	min-height:115px;
	padding:0;
	margin: 0 auto; 
	background: url(img/banner_bg.jpg) no-repeat 0 24px;
	color: #FFF}
#entete_centre {
	margin:0;
	padding:3px 10px 0 15px;
	height:115px;
	text-align:center}
#entete_centre H1{
	margin:0;padding:0;
	font-size:1em;
	color:#666}
#logo {
	position: absolute;	
	margin:0;padding:0;
	left:0;
	top:24px;
	color:#FFF;}	
#tel{ margin:0;padding:0;
	font-size:24px;
	font-weight:bold;
	margin-top:35px;
	text-align:right;
	margin-right: 170px;
}
#entete_droite {	}
/* menu */
#menu_slider, #menu_principal {
	position: relative;
	width: 100%;
	height:60px;
	font-size: 12px;
	background: url(img/menuslide_bg.png) no-repeat center;}
#menu_principal {	height:39px;}
#menu_conteneur {
	position: relative;
	width: 950px;
	margin: 0 auto; 
	color: #FFF}
/* centre : contenu */
#general {
	position: relative;
	width: 100%;
	height:100%;
	padding-top:0px;
	background: url(noel/general_bg.png) no-repeat center top;
	}
#general_conteneur {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background: #fff url(img/content_bg.jpg) repeat-x center top;
	}
#centre {
	margin-right: 225px;
	padding: 30px 0 50px 50px;
	text-align:justify;
	background: url(img/centre_bg.png) repeat-y 0px;}
#gauche {
	position: absolute;
	left:0;
	width: 150px;}
#gauche li{
	padding:0; margin:0;
	list-style:none;}
#gauche ul{padding:0px; margin:0;}
#droite {
	position: absolute;
	right:0;
	width: 205px;
	height:100%;
	background: url(img/droite_bg.png) repeat-y top right;}
.info {
	width:170px;
	border:#CCC 4px solid;
	padding:5px;
	margin:10px
}
.bleu { background: #00c2ff url(img/info_bg_bleu.png) no-repeat; min-height:100px; color: #FFF}
.bleu a{ color: #FFF; text-decoration:none}
.bleu a:hover{
	color: #FFF;
	text-decoration:underline
}
p.vert a{ color: #FFF; text-decoration:none}
.jaune 			{ background: #ffc100 url(img/info_bg_jaune.png) no-repeat; min-height:100px; color: #FFF}
.jaune a		{ color: #900; text-decoration:none}
.jaune a:hover	{ color: #C30;text-decoration:underline}
.orange 		{ background: #ff8900 url(img/info_bg_orange.png) no-repeat; min-height:100px; color: #FFF}
.orange a		{ color: #900; text-decoration:none}
.orange a:hover	{ color: #C30; text-decoration:underline}
#promo{
	background:url(img/promo_bg.jpg) no-repeat center center;
	width:192px;
	height:193px;
	color:#FFF;
	float:right;
	padding:5px;
	text-align:center;
	font-size:14px;
	font-weight:bold;}
h1.reduc, h1.reduc a{
	font-size: 42px;
	color: #FFF;
	margin:0;padding:0;
	text-decoration:none}
/* bas */
#pied {
	position: relative;
	width: 100%;	
	color:#999;
	font-size:0.85em;}
#pied_conteneur {background: url(img/foot_bg.png) repeat-x left top;
	position: relative;
	width: 950px;
	height: 14px;
	margin: 0 auto;}
#pied_centre {
	margin-left: 40px;
	margin-right: 210px;
	padding-top:2px;}
#pied_gauche {
	position: absolute;
	left:0;
	width: 200px;
	text-align:right}
#pied_droite {
	position: absolute;
	right:0;
	width: 155px;
	height: 25px;
	background: #f2f2f2;
	color:#666;
	padding-top:3px;
	text-align:center}
li.vert,
li.orange1,
li.jaune,
li.bleue,
li.rouge,
li.orange2,
li.violet{
	list-style-type: none;
	margin: 3px 0 4px 35px;
}
li.vert 	{list-style-image: url(img/fleche_vert.png);}
li.orange1 	{list-style-image: url(img/fleche_orange1.gif);}
li.jaune 	{list-style-image: url(img/fleche_jaune.gif);}
li.bleue 	{list-style-image: url(img/fleche_bleu.gif);}
li.rouge 	{list-style-image: url(img/fleche_rouge.gif);}
li.orange2 	{list-style-image: url(img/fleche_orange2.gif);}
li.violet 	{list-style-image: url(img/fleche_violet.gif);}

/**************************************************************
	Image Menu	v 2.2
**************************************************************/
#imageMenu {
	position: relative;
	width: 950px;
	height: 60px;
	overflow: hidden;
}
#imageMenu ul {
	list-style: none;
	margin: 0px;
	padding:0;
	display: block;
	height: 60px;
	width: 1900px;
	}
#imageMenu ul li {	float: left;}
#imageMenu ul li a {
	text-indent: 4px;
	background:none scroll 0%;
	border-right: 2px groove #666;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:116px;
	height: 60px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
/** Menus avec icones **/
#imageMenu ul li a:hover 	{	color:#BBB;}
#imageMenu ul li.Accueil a 	{	background: url(img/accueil.png) scroll 0% bottom;}
#imageMenu ul li.Dossiers a {	background: url(img/dossiers.png) scroll 0% bottom;}
#imageMenu ul li.Tarifs a 	{	background: url(img/tarifs.png) scroll 0% bottom;}
#imageMenu ul li.Formations a {	background: url(img/formations.png) scroll 0% bottom;}
#imageMenu ul li.Partenaires a {background: url(img/partenaires.png) scroll 0% bottom;}
#imageMenu ul li.Liens a 	{	background: url(img/liens.png) scroll 0% bottom;}
#imageMenu ul li.Autre a 	{	background: url(img/autre.png) scroll 0% bottom;}
#imageMenu ul li.Contact a {	background: url(img/contact.png) scroll 0% bottom;width: 250px;}

/** Menus sans icones **/
#imageMenu ul li.m1 a 	{	background: url(img/1.png) repeat-x scroll 0% bottom;}
#imageMenu ul li.m2 a 	{	background: url(img/2.png) repeat-x scroll 0% bottom;}
#imageMenu ul li.m3 a 	{	background: url(img/3.png) repeat-x scroll 0% bottom;}
#imageMenu ul li.m4 a 	{	background: url(img/4.png) repeat-x scroll 0% bottom;}
#imageMenu ul li.m5 a 	{	background: url(img/5.png) repeat-x scroll 0% bottom;}
#imageMenu ul li.m6 a 	{	background: url(img/6.png) repeat-x scroll 0% bottom;}
#imageMenu ul li.m7 a 	{	background: url(img/7.png) repeat-x scroll 0% bottom;}
#imageMenu ul li.m8 a 	{	background: url(img/8.png) repeat-x scroll 0% bottom;width: 250px;}
.clear {	clear: both;}