/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 9 novembre 2007
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family:			Arial, Helvetica, Sans-serif;
	font-size:				62.6%; /* 10px par défaut */
	color: 					#898989;
	background:				url(../images/Bg.gif) repeat-x #5e5e5e;
}
p {
	font-size:				1.1em;
	margin:					0 0 12px 0;
}
h1, .h1 {
	color:					#5593b8;
	font-size:				2.1em;
	font-weight:			bold;
	font-style:				italic;
	font-family:			Georgia, "Times New Roman", Times, serif;
	margin:					0 0 17px 0;
}

/*h1 {
	font-size:				1.8em;
	font-weight:			bold;
	color:					;
	margin:					5px 0;
}
h2 {
	font-size:				1.6em;
	font-weight:			bold;
	color:					;
	margin:					20px 0 5px 0;
}
h3 {
	font-size:				1.4em;
	font-weight:			bold;
	color:					;
	margin:					15px 0 3px 0;
}
h4 {
	font-size:				1.2em;
	font-weight:			bold;
	color:					;
	margin:					10px 0 2px 0;
}*/
a {
	color:					#e8850e;
	font-size:				1.1em;
	text-decoration:		none;
}
a:hover {
	text-decoration:		underline;
}
sup {
	font-size:				80%;
	line-height:			100%;
	vertical-align:			text-top;
	padding-bottom:	 	    5px;
}

hr {
	color: 					#d4dad6;
	background-color: 		#d4dad6;	
	height: 				1px;
}

.clearer{
	clear:					both;
	font-size:				1px;
	height:					1px;
}

/*- Section -----------------------------------------*/
#conteneur {
  text-align: 				center;
}

#centre {
  margin-left: 				auto;
  margin-right: 			auto;
  width: 					780px;
  text-align: 				left;
  background:				#f4faf6;
  border:					1px solid #000000;
  position:					relative;
}

#entete {
	height:					237px;
	position:				relative;
}
#entete div.surplus{
	position:				absolute;
	bottom:					15px;
	right:					-11px;
	width:					11px;
	height:					109px;
}
#menu{
	height:					28px;
}

#contenu{
	margin:					10px 20px 10px 26px;
}

div.accueil #colGauche{
	float:					left;
	width:					320px;
}

div.accueil #colDroite{
	float: 					right;
	width:					320px;
}

div.interieur #colGauche{
	float:					left;
	width:					498px;
	margin-top:				25px;
}

div.interieur #colDroite{
	float: 					right;
	width:					225px;
	border:					1px solid #dbdbdb;
	margin-top:				25px;
}

#piedpage {
	margin:					13px 20px 0px 26px;
	background:				#fff;
}

#piedpage p {
	padding:                0 15px 15px 15px;
}

#piedpage img{
	margin:					10px 21px 0 0;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
/*div.logo{
	position:				absolute;
	top:					0px;
	left:					522px;
}*/

img.btn_inscrivezvous{
	margin:					20px 0 0 0;
}
.CellNavFixe {
	font-size:				1em;
	color:					;
	background:				;
	padding:				0 0 0 0;
	vertical-align:			top;
}
.CellNavFixe a {
	font-size:				1em;
	color:					;
	text-decoration:		underline;
}
.CellNavFixe a:hover {
	text-decoration:		none;
}
.CellBasPage {
	font-size:				1em;
	color:					;
	background:				;
	padding:				0 0 0 0;
	vertical-align:			top;
}
.CellBasPage a {
	font-size:				1em;
	color:					;
	text-decoration:		underline;
}
.CellBasPage a:hover {
	text-decoration:		none;
}

p.MessageSpecial {
	font-size:				1.1em;
	color:					#ffffff;
	background-color:		#abbec9;
	margin:					15px 4px 20px 4px;
	padding:				20px;
}
p.MessageSpecial span {
	display: block;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	margin: 0 0 10px 0;
}
p.MessageSpecial a {
	font-size:				1em;
	color:					#ffd1a1;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
.CellContenuAcc {
	font-size:				1.1em;
	color:					;
	background:				;
	padding:				0 0 0 0;
	vertical-align:			top;
}

#contenu.accueil h2, #colGauche h2  {
	color:					#7eb9de;
	font-size:				1.5em;
	font-weight:			bold;
	margin:					0;
}

#contenu.accueil #colGauche {
	margin-top:				25px;
}

#contenu.accueil #colGauche h3 {
	font-size:				1.2em;
	font-weight:			bold;
	margin:					0 0 10px 0;
}

#contenu #colDroite .enteteDroite{
	width:					202px;
	height:					67px;
	margin-left:			4px;
	padding:33px 100px 0 20px;
	background:				url(../images/bloc_entete_10.jpg) no-repeat;
}

#contenu #colDroite .enteteDroite h2{
	color:					#fff;
	font-size:				1.6em;
	font-weight:			bold;
	font-family:			Georgia, "Times New Roman", Times, serif;
}

#contenu #colDroite .enteteDroite p{
	color:					#a7a7a7;
	margin:					0;
}
#contenu #colDroite .contenu {
	width:					260px;
	background:				url(../images/Bg_boiteAccueil.gif) repeat-y;
	padding:				30px 30px 30px 30px;
}

#contenu #colDroite .contenu h3{
	margin:					0;
	font-size:				1.1em;
	font-weight:			bold;
}
/*- Styles spéciaux pour pages intérieures ------------------------------------*/
.CellContenuInt {
	color:					;
	background:				;
	padding:				0 0 0 0;
	vertical-align:			top;
}

div.interieur #colGauche .contourConf{
	border-top:				1px solid #ccd5ce;
	border-bottom:			1px solid #ccd5ce;
	padding:				3px 0 3px 0;
	margin-bottom:			10px;
}

div.interieur #colGauche .conferencier{
	background-color:		#ffffff;
	/*cursor:					pointer;*/
}

/*
div.interieur #colGauche .conferencier.selected,
div.interieur #colGauche .conferencier:hover{
	background-color:		#f3eddd;
}
*/

div.interieur #colGauche .conferencier img{
	float:					left;
	margin:					15px 0 15px 11px;
}

div.interieur #colGauche .conferencier .contenuConf{
	float:					left;
	width:					360px;
	margin-left:			19px;
	display:				inline;
}

div.interieur #colGauche .conferencier h2{
	color:					#616161;
	font-size:				1.8em;
	margin:					15px 0 10px 0;
}

div.interieur #colGauche .conferencier h3{
	font:					bold 1.4em Georgia, "Times New Roman", Times, serif;
	color:					#e8850e;
	margin:					0 0 3px 0;
}

div.interieur #colGauche .conferencier p{
	color:					#e8850e;
	font-size:				1.2em;
}

div.interieur #colGauche .contourConf .texteConf{
	background-color:		#e9eeea;
	padding:				10px 0 10px 0;
	line-height:			1.8em;
}

div.interieur #colGauche .contourConf .texteConf p{
	color:					#616161;
	margin:					5px 10px 10px 10px;
}
div.interieur #colGauche .contourConf .texteConf ul{
	font-size:				1.1em;
	margin:					5px 10px 10px 25px;
}
div.interieur #colGauche .contourConf .texteConf ul li{
	list-style:				outside square;
	margin:					0 0 10px;
}

div.interieur #colDroite{
	background-color:		#fff;
}
div.interieur #colDroite h2{
	color:					#f4faf6;
	font-size:				1.6em;
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-weight:			bold;
	background-color:		#abbec9;
	padding:				5px 10px 5px 10px;

}
div.interieur #colDroite h3{
	color:					#616161;
	font-weight:			bold;
	font-size:				1.1em;
	padding:				10px 10px 5px 10px;
}

div.interieur #colDroite p{
	font-size:				1.0em;
	padding:				0 10px 5px 10px;
}

div.interieur #colDroite p a{
	/*margin-left:			-15px;*/
	font-size:				1.0em;
}


div.interieur #colDroite ul.document {
	margin: 				0 0 12px 27px;
}
div.interieur #colDroite ul.document li {
	list-style:				disc outside url(../images/Puce_Document.gif);
	padding:				0 0 5px 0;
}

div.interieur #colDroite ul, div.interieur #colGauche ul  {
	margin: 				10px 8px 12px 27px;
}
div.interieur #colDroite ul li {
	list-style:				disc outside url(../images/Puce_Liste.gif);
	padding:				0 0 5px 0;
}
#colDroite div.contenu ul {
	margin: 				10px 0 12px 14px;
}
#colDroite div.contenu ul li {
	list-style:				disc outside url(../images/Puce_Liste.gif);
	padding:				0 0 5px 0;
	font-size:11px;
}


/*- Styles pour menus ----------------------------------------------------*/
#menu img{
	float:left;	
}

/*- Styles pour menus déroulants ----------------------------------------------*/
.MenuDeroulOff {
	font-size:				1.1em;
	color:					;
	background:				;
	padding:				0 0 0 0;
}
.MenuDeroulOn {
	font-size:				1.1em;
	color:					;
	background:				;
	padding:				0 0 0 0;
}

/*- Styles pour Plan du site --------------------------------------------------*/
ul#SiteMap {
	margin:					0 0 12px 3px;
	padding:                0;
	list-style:				none;
	list-style-image:		none;
}

/*- Premier niveau -----*/	
ul#SiteMap li {
	background:				; /* Image de puce */
	padding:				0 0 5px 12px;
}
ul#SiteMap li a, ul#SiteMap li a:hover {
	font-weight:			bold;
	font-size:				1.2em;
	color:					;
	text-decoration:		none;
}
ul#SiteMap li a:hover {
	text-decoration:		underline;
}

/*- Deuxieme niveau -----*/
ul#SiteMap li ul {
	margin:					5px 0 5px 12px;
}
ul#SiteMap li ul li {
	background:				; /* Image de puce */
	padding:				0 0 3px 8px;
}
ul#SiteMap li ul li a, ul#SiteMap li ul li a:hover {
	font-weight:			normal;
	font-size:				1.1em;
}

/*- Styles pour formulaires ----------------------------------------------------*/

div.interieur #colGauche .formulaire{
	background-color:		#ffffff;
	padding:				20px 10px 10px 35px;
}

div.interieur #colGauche .formulaire p{
	color:					#616161;
}

div.interieur #colGauche .formulaire p span{
	color:					#eb7800;
}

div.interieur #colGauche .formulaire p.champ.plein {
	width:					300px;
}

div.interieur #colGauche .formulaire p.champ.gauche {
	float:					left;
	width:					200px;
	margin:					0 10px 0 0;
}

div.interieur #colGauche .formulaire p.champ.droit {
	float:					left;
	width:					200px;
}

div.interieur #colGauche .formulaire .forfaits{
	background:				#e9eeea;
	margin:					0 0 5px -20px;
	padding:				10px 0 5px 20px;
}
div.interieur #colGauche .formulaire .forfaits input {
	margin-right: 5px;
}

div.interieur #colGauche .formulaire h2{
	color:					#616161;
	font-size:				1.8em;
	margin:					12px 0;
}
div.interieur #colGauche .formulaire .CelluleTitre {
	border-right:			0;
}
label.Choix1erniveau {
	margin:					15px;
}
label.Choix2eniveau {
	margin:					30px;
}
.Bt_Submit {
	margin:					5px 0 0 -20px;
}

.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family:			Arial, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size:				1.1em;
	color:					#FF0000;
	position: 				relative;
}

.TxtErreur1 {
	position: absolute;
	font-size:				1.1em;
	color:					#FF0000;
	*margin-top: -1px;
}
.TxtBox {
	font-size:				1.1em;
	color:					#616161;
	border:					1px solid #666666;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
}

.TxtLong{
	width:					190px;
}

.TxtADD1{
	width:					40px;
}

.TxtADD2{
	width:					143px;
}

.TxtCP{
	width:					40px;
}

.Txttel1{
	width:					40px;
}

.Txttel2{
	width:					40px;
}

.Txttel3{
	width:					90px;
}

.SelectList {
	font-size:				1.1em;
	color:					#616161;
	border:					1px solid #666666;
	padding:				0 0 0 0;
	margin:					0 0 0 0;
}
.RadioChoixConference {
	float:					left; 
	margin:					0 5px 30px 0;
	display:				block;
}
.RadioChoixConference input {
float:					left; 
	margin:					0 5px 30px 0;
	display:				block;
}


/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.TexteSpecial {
	font-size:				1.1em;
	color:					#FF9933;
}
.TextePetit {
	font-size:				0.9em;
	color:					;
}

/*- Classes pour les hyperliens ----*/
a.LienSpecial, a.LienSpecial:hover {
	font-size:				1.1em;
	color:					;
	text-decoration:		underline;
}
a.LienSpecial:hover {
	text-decoration:		none;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border:					1px solid #ffffff;
}
img.ImageGauche {
	border:					1px solid #ffffff;
	margin:					5px  12px 5px 0;
}
img.ImageDroite {
	border:					1px solid #ffffff;
	margin:					5px  0 5px 12px;
}

/*- Classes pour les listes ----*/
.CellContenuInt ul {
	margin: 				0 0 12px 15px;
	padding:				0;
}
.CellContenuInt ul li {
	list-style:				disc outside url(../images/Puce_Liste.gif);
	padding:				0 0 5px 0;
}
.CellContenuInt ol {
	margin: 				0 0 12px 24px;
	padding:				0;
}
.CellContenuInt ol li {
	list-style:				decimal outside;
	padding:				0 0 5px 0;
}

/*- Classes pour les tableaux ----*/
.Tableau {
	border-top:			1px solid #DBDBDB;
	border-bottom:		1px solid #DBDBDB;
	margin:				0 0 12px;
}
.Tableau ul {
	padding:            0 0 0 17px;
}
.Tableau ul li {
	list-style:				disc outside url(../images/Puce_Liste.gif);
	padding:				0 0 5px 0;	
}
.CelluleTitre {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#F4FAF6;
	background:				#ABBEC9;
	padding:				10px;
	border-bottom:			1px solid #F4FAF6;
	border-right:			1px solid #F4FAF6;
	vertical-align:			top;
}
.CelluleTexte1, .CelluleTexte2, .CelluleTexte3, .CelluleTexte4 {
	font-size:				1.1em;	
	background:				#F3EDDD;
	padding:				10px;
	vertical-align:			top;
	border-bottom:			1px solid #F4FAF6;
	border-right:			1px solid #F4FAF6;
}
.CelluleTexte1 {
	color:					#e8850e;
}
.CelluleTexte2 {
	background:				#f4f4f4;
}
.CelluleTexte3 {
	background:				#E9EEEA;
}
.CelluleTexte4 {
	background:				#FFF; 
}
.CelluleTexte1.DernierItem, .CelluleTexte2.DernierItem, .CelluleTexte3.DernierItem, .CelluleTexte4.DernierItem  {
	border:					0;
}
/*--------------------------------------------------------------------------*/