body{
	margin:0;
	font-size:12px;
	color:#5C5858;
}

body, td, th{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}
xmp{
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	margin:0;
}

/* on supprime les bordure de toutes les images hyperliens */

a img{
	border:none;
	/* border:1px solid black;*/
}

#tout{
	/*width:900px;*/
	width:100%;
	min-width:550px;
	line-height:1.4em;
}
/**************************************************************************/
/********************************* LOGO *********************************/
/**************************************************************************/
img.logo{
	float:left;
	margin:5px;
}
.titre_logo{
	float:left;
	margin-top:34px;
	width:200px;
}
.titre{
	margin:0;
	font-size:24px;
	font-weight:bold;
	color:#5C5858;}
.sous_titre{
	margin:0;
	font-size:14px;
	font-weight:normal;
}
#entete_renseignements{
	float:right;
	margin-right:10px;
	width:220px;
	height:90px;
/*	border:1px red solid;*/
}

/********************************* FIN LOGO *******************************/

/**************************************************************************/
/********************************* TEXTES SPE *********************************/
/**************************************************************************/
#entete_renseignements p{
	margin:8px 0;
	line-height:1em;
}
.titre_renseignements{
	font-size:16px;
	font-weight:bold;
}
#entete_renseignements .ami{
	margin-left:6px;
}
a.lien_gras{
	font-size:12px;
	font-weight:bold;
	color:#5C5858;
}
a{
	color:#5C5858;
}



#tetiere_menu p a{
	color:#fff;
	padding:0 13px;
	font-weight:normal; 
}
#tetiere_menu a{
	color:white;
	font-weight:bold;
}

h2{
	font-size:14px;
	font-weight:bold;
	margin:4px 0;
}
h3{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	margin:0 0 0 4px;
	line-height:1.5em;
	padding-top:1em;
}

h3 a{
 /* text-decoration:none;*/

}

h4{
	font-size:12px;
	font-weight:bold;
	margin:4px 0;
}
#pave_central h3, #pave_central h2, #pave_central p{
	padding-left:6px;
}
#pave_central p{
	margin:0;
}
.coul1{
	color:#0D456E;
}
.noir_souligne_titemarge{
	color:#000;
	line-height:1.7em;
}
.blanc_fonbleu{
	color:white;
	background-color:#0D456E;
}
.arrondi_jaune{
	background:#ffcc00 url(../images/onglet/arrondi_jaune_g.gif) 0 100% no-repeat;
	margin:0;
}
.arrondi_jaune h2{
	background:url(../images/onglet/arrondi_jaune_d.gif) 100% 100% no-repeat;
	padding:2px 0 5px 10px;
	margin:0;
}
.arrondi_beige{
	background: #f5f3e9 url(../images/onglet/arrondi_beige_g.gif) 0 100% no-repeat;
	margin:0;
}
.arrondi_beige_droite{
	background: url(../images/onglet/arrondi_beige_d.gif) 100% 100% no-repeat;
	margin:0;
	padding-bottom:3px;
}
/**************************************************************************/
/********************************* POPUPS *****************/
/**************************************************************************/

.popup{
	background: url(../images/onglet/entete_popup_g_eva.gif) 0 0 no-repeat;
	margin:20px 0 0 0;
}
.popup div.first{
	background: url(../images/onglet/fond_popup_centre_eva.gif) 0 0 repeat-x;
	margin:0 0 0 9px;
}
.popup .entete_popup{
	background:url(../images/onglet/entete_popup_d_eva.gif) 100% 0 no-repeat;
	margin:0;
	padding:3px 0 3px 15px;
	/*text-align:center;*/
	/*height:10px;*/
}
.pave_popup{
	border:1px solid #babdc2;
	border-bottom-color:#ebecee;
	border-right-color:#ebecee;  
	margin:0;
}
.pave_popup div{
	border:1px solid #ebecee;
	border-left-color:#babdc2;
	margin:0;
	padding:6px 0 6px 20px;
	font-size:12px;
}
.pave_popup .zone_texte{
	width:140px;
}
#reglement{
	position:absolute;
	top:170px;
	left:10px;
	width:468px;
	background-color:#fff;
	margin:0;
	padding:0;
	color:#000;
}
#reglement .entete_reglement{
	background: url(../images/onglet/popup_reglement_tetiere.gif) 0 0 no-repeat;
	height:19px;
	margin:0;
	padding:3px 0 0 0;
	text-align:center;
}
#reglement .entete_reglement img{
	position:absolute;
	left:9px;
	top:5px;
	border:none;
}

#reglement .pave_reglement{
	margin:0;
	padding:3px 28px 5px 16px;
	overflow:auto;
	height:350px;
	border:1px solid #999999;
}

#reglement ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	
}
/**************************************************************************/
/********************************* LISTES *****************/
/**************************************************************************/
ul{
	margin:0;
	padding:0 12px;
	list-style-position:outside;
}
ul li ul{list-style-type:none;}

ul.listes_a_fleches{
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}
.listes_a_fleches li{
	margin:10px 0 0 0;
	padding-left:30px;
	background:url(../images/picto_fleche_droit.gif) 0 5px no-repeat;
}

/**************************************************************************/
/********************************* FORMULAIRES *****************/
/**************************************************************************/
#optin .champ{
	/*width:123px;*/
}
#optin .ok{
	margin:0 0 -3px 0;
}
#mailinglist{
	margin:5px 0 0 0;
	padding:1px;
	background:url(../images/form_abonner_fond.jpg) 0 100% no-repeat;
}
#mailinglist .champ{
	width:116px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:4px 0px 5px 6px ;
	border:1px dotted #99CCCC;
}
#mailinglist .ok{
	margin-top:4px;
	margin-right:0;
}

#inscription_etape2{
	width:270px;
	position:relative;
}

#inscription_etape2 label{
	line-height:25px;
}
#inscription_etape2 .champ{
	position:absolute;
	display:inline;
	left:120px;
	width:150px;
	margin-top:3px;
}
#inscription_etape2 .menu{
	position:absolute;
	display:inline;
	left:120px;
	height:20px;
	margin-bottom:3px;
}
#inscription_etape2 .go{
	float:right;
}
#pave_calendrier select{
	width:340px;
	margin-bottom:20px;
	font-size:11px;
}


/**************************************************************************/
/********************************* TETIERE MENU PRINCIPAL *****************/
/**************************************************************************/
#tetiere_menu{
	clear:both;
	height:40px;
	margin:0;
	padding:0;
	border:0;
	background-color:#004C70;
	color:#fff;
}
#tetiere_menu p{
	position:relative;
	width:250px;
	margin:0;
	top:17px;
}
ul#menu_principal {
	position:relative;
	/*top:101px;  ok sur mac*/
	/*top:-1px;*/
	margin:0 0 0 215px;
 	padding:0;
}



ul#menu_principal{position:absolute; top:106px;}  /* IE6 sucks */


html>body ul#menu_principal{position:absolute; top:122px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*ul#menu_principal  {position:relative;top:0px;}*/
/* End IE5-Mac hack */

#menu_principal li {
	list-style: none; 
	position:absolute;
	font-size:11px;
	text-align:center;
  	white-space: nowrap;
	width:111px;
	line-height:25px;
	height:40px;
	/*background:url(../images/menu_top/13/menu_princ_onglet3_actif_03.gif) 100% 0 no-repeat;*/
	
}
#menu_principal li a{
	padding-left:5px;
}
#menu_principal li#onglet_carnet{
	left:0;
	z-index:4;
}
#menu_principal li#onglet_carnet .onglet_bleu{
	background:url(../images/menu_top/13/menu_princ_onglet3_actif_03.gif) 100% 0 no-repeat;
	z-index:4 !important;
}
#menu_principal li#onglet_plan{
	left:100px;
	z-index:3;
}
#menu_principal li#onglet_plan .onglet_bleu{
	z-index:3 !important;
}
#menu_principal li#onglet_calendrier{
	/*width:160px;*/
	left:200px;
	z-index:2;
/*	background:url(../images/menu_top/13/onglet_calendrier_bleu.gif) 100% 0 no-repeat;
*/}
.onglet_bleu_calendrier{ 
	/*background:url(../images/menu_top/13/onglet_calendrier_bleu.gif) 100% 0 */
	background:url(../images/menu_top/13/menu_princ_onglet3_actif_03.gif) 100% 0 
	no-repeat;
	/*width:160px;*/
	left:200px;
	z-index:0;
}


/*ICI #menu_principal li#onglet_inscription{
	left:300px;
	z-index:1;
}
#menu_principal li#onglet_inscription .onglet_bleu{
	z-index:1;!important
}*/
#menu_principal .onglet_bleu{
	background:url(../images/menu_top/13/menu_princ_onglet3_actif_03.gif) 100% 0 no-repeat;
}
#menu_principal .onglet_blanc{
 	/*width:111px;*/
	background:url(../images/menu_top/13/menu_princ_onglet3_actif_05.gif) 100% 0 no-repeat;
	z-index:5 !important;
}
#menu_principal .onglet_blanc_calendrier{
	background:url(../images/menu_top/13/onglet_calendrier_actif.gif) 100% 0 no-repeat;
}

/*#menu_principal #highlighted_li.carnet{
 	width:110px;
	background:  url(images/menu_princ_onglet1_actif.gif) 0 100% no-repeat;
}*/

#menu_principal a {
	display: block; 
	float: left; 
	padding: 0 16px 0 0;
  	text-decoration: none; 
	font-weight: bold;
  	color:#004C70;
  	width: .1em;
}
html>body #menu_principal a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_principal a {float: none;}
/* End IE5-Mac hack */
#menu_principal a:hover {color: black;}
/*#menu_principal #highlighted_li, #menu_principal #highlighted_li a {
	color: white; 
  	background-color:#e69779; 
}*/


/****************************** FIN TETIERE MENU PRINCIPAL *****************/

/**************************************************************************/
/********************************* STRUCTURE  ****************************/
/**************************************************************************/

#contenu{
	clear:left;
	margin:0;
	border:0;
	/*width:900px;*/
	padding:18px 0 0 0;
	/*background-color:#66CC99;*/
}

#colonne_gauche{
	position:absolute;
	margin:0;
	left:0;
	height:700px;
	width:150px;
	padding:0 10px ;
}
#colonne_droite{
	/*margin:0 0 0 170px;*/
	/*float:left;*/
	width:600px;
	position:relative;
	left:170px;
	top:3px;
	margin:0;
	padding:0;
	border:0;
	
	/*border:1px solid silver;*/
	
	
}

/*html>body #colonne_droite {top:3px;}*/


#colonne_droite_index{ /* sur la home */
	/*margin:0 0 0 170px;*/
	/*float:left;*/
	width:900px;
	position:relative;
	left:170px;
	top:3px;
	margin:0;
	padding:0;
	border:0;
	
	/*border:1px solid silver;*/
	
	
}

/*html>body #colonne_droite_index {top:3px;}*/


/* AJOUT D'UNE COLONNE 
MARS 2009
*/
#colonne3{

	position:absolute;
	left:770px;
	top:200px;
	/*border:1px solid silver;*/
 	width:220px;

}




#pave_central{
	margin:0 30px 0 20px;
	/*width:358px; modif de maquette le 12 février */
	width:550px;
	float:left;
	/*border:thin solid silver;*/
}
#pave_central_large{
	margin:0 30px 0 20px;
	/*width:498px;*/
	width:760px;
	float:left;
	/*border:1px solid silver;*/
}

#pave_droite{
/*
	float:left;
	width:140px;
*/
/*	border:1px solid orange;*/
}

#pave_droite h2{
	padding:2px;
}

/*

AJOUT ICI FEVRIER 2009 jerome@yazo.net
pavé latéral d'info formation
affiché en colonne de droite ssi onglets visibles

*/



div#formation_note{
	/*border:1px solid orange;*/
	float:left;
	width:220px;
}



div#formation_note h2{
	margin:0;
	padding:4px;
	font-size:15px;
	font-weight:bold;
	background-color:#004c70;
	color:#fff;
}


div#formation_note h3{
	font-size:15px;
	margin:0;
	padding:6px 4px;
	color:#585858;
	font-style:normal;
	text-decoration:none;
}

div#formation_note p{

	margin:0;
	padding:6px 4px;
	color:#585858;
}

/* fin de ajout */




/**************************************************************************/
/********************************* PAGE ACTU *********************************/
/**************************************************************************/

#pave_flash{
	width:540px;
	height:210px;
	background-color:#A90123;
}
.pave_flash_mini{
	float:left;
	width:112px;
	margin:18px 18px 0 0;
}
.pave_flash_mini h5{
	margin:0;
	padding:0;
	height:21px;
	background:#A90123 url(../images/actus_pave_rouge_top.gif) 100% 0 no-repeat;
}
.pave_flash_mini h6{
	margin:0;
	padding:0;
	height:41px;
	background:#F33706 url(../images/actus_pave_rouge_bottom.gif) 0 100% no-repeat;
}
.spacer{clear:both;}

/*============================= news camaleo =========================================*/

#news_camaleo{
	/*width:650px;*/
	/*border:1px solid green;*/

}
#news_camaleo p{
	margin:0;
}
#news_camaleo h2{
	margin: 5px 0 0 0;
}
#news_camaleo ol{
	margin:0;
	padding:0 0 0 20px;
}
#actus_col_sessions{
	float:left;
	width:350px;
}
#actus_col_prochaines{
	float:left;
	width:245px;
/*	border:1px solid silver;*/
	margin-left:15px;
	margin-right:20px;
}

#colonne4{ /* sur la home */

	float:left;
	
	/*border:1px solid red;*/
 	width:200px;

}



/*======================================================================*/


/*#actus_col_sessions h2,#actus_col_sessions p, #actus_col_sessions ol, #actus_col_prochaines h2, #actus_col_prochaines p, #actus_col_prochaines ol{
	margin:0;
}
*/





/**************************************************************************/
/********************************* PAGE CONTACT *********************************/
/**************************************************************************/

ul#adresse{
	float:right;
	margin:0 0 0 15px;
	width:90%;
	text-align:left;
	list-style-type:none;
	border-bottom:1px solid #CCCCCC;
	list-style-position:inside;
}

ul#adresse li{
	padding:10px 0 10px 20px;
	border-top:1px solid #CCCCCC;
}

ul#adresse li h3{
	margin:0;
	font-size:16px;
	color:#d90006;
}

ul#adresse li.formation{
	color:#510075;
}

.formulaire input{
	width:350px;
}

.formulaire input.envoyer{
	width:100px;
}

.formulaire textarea{
	width:390px;
}

/**************************************************************************/
/*********************************PAGE CALENDRIER *********************************/
/**************************************************************************/
div .tableau_calendrier {
	vertical-align:top;
	margin:0;
	margin-right:5px;
	margin-bottom:10px;
	border:1px #FFCC00 dashed;
	width:240px;
	float:left;
}

.tableau_calendrier ul{
	margin:0;
	padding:0;
	list-style-type:none;
}


.tableau_calendrier li{
	color:#004C70;
	margin-left:7px;
	padding:5px;
}
.tableau_calendrier a{
	color:#004C70;
	/*text-decoration:none;*/
}

.tableau_calendrier .mois{
	background-color:#004C70;
	color:#FFF;
	font-size:18px;
	margin:2px;
	padding:6px 10px;
}

/**************************************************************************/
/*********************************CLASSES SPECIFIQUES *********************************/
/**************************************************************************/



td.pave-actus{
	padding:1em;
}

td.pave-actus h1{
	font-size:small;
	font-weight:bold;
	margin:0;
}

td.pave-actus p{
	font-size:x-small;
	margin:5px 0;
}

.formulaire{
	border:1px solid #4f0b7b;
	width:400px;
	padding:10px;
	margin:5px 0 0 0;
}

.formulaire input, .formulaire textarea {
	border:1px solid #868b89;
	color:#4f0b7b;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:7px 2px 5px 2px;
}
#forwardfriend, #forwardfriend td{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#forwardfriend td.col1{
	width:300px;
}
#forwardfriend .champ{
/*	width:200px;*/
}

/**************************************************************************/
/*********************************AFFICHAGE DES PAVES CARNET/PLAN/INSCRIPTION ect.*********************************/
/**************************************************************************/
.pave_masque{
	/*display:none;*/
}
.pave_affiche{
	display:block;
}


.liste_formation_n3{
	list-style-type:none;
	margin:0;
	margin-top:1em;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;

}