/***************** STYLE GLOBAUX *****************/
a img{border:none;}
a:active, a:focus{outline:none;}

/***************** STYLE CONTENU *****************/
#contenu h1{
	font:22px Century gothic;
	color:#22A9E4;
	font-weight:bold;
	width:660px;
	padding-left:0px;
	margin:0 0 0 0;
	background:url(../images/puces/bgH1.gif) left bottom no-repeat;
	border-bottom:1px solid #c3c3c3;	text-align:center;
}
#contenu h2{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#e52be0;
	margin:0 0 10px;
}

#contenu h3{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#F97AED;
	margin:0 0 12px;
}

#contenu p{
	font:11px/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666;
	margin-bottom:1.2em;
}
#contenu p em{
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
}
#contenu p.couleur, span.couleur{
	font-weight:bold;
	color:#22A9E4;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#E722DB;
}
#contenu a:hover, #contenu a:active{text-decoration:underline;}
#contenu .bleu {color:#23a9e5;}
#contenu .center {text-align:center;}

/***************** STYLE FOOTER *****************/
#footer p{
	font:10px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:right;
	padding:20px 15px 0 0;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#fff;
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	color:#fff;
}

/***************** STYLE LISTE *****************/
#contenu ul {
	font:11px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#666;
	margin-bottom:1.4em;
	margin:0 0 0 20px;
}
#contenu ul li {
	padding:0 0 0 20px;
	list-style-type:none;
	background:url(../images/puces/puceListe.gif) no-repeat left 3px;
	display:block;
	line-height:18px;
}

/***************** ACCUEIL *****************/
#contenu .visuelAccueil { 
	width:660px;
	margin:0 0 15px 0;
}

/* -------------------------- 
	MODULE ACTUALITE 
--------------------------- */
#contenu h1.ideo_gbl_sans{
	margin:0px 0px 2px 0px;
}
/* -- MENU -- */
#contenu #ideo_inc_menu {
	padding:0 0 20px 2px;
	width:99%;
	float:left;
	text-align:left;
}
#contenu #ideo_inc_menu ul {
	list-style-image:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:10px 0 0 0;
	padding:0;
}
#contenu #ideo_inc_menu li {
	display:inline;
	font-size:0.9em;
	list-style-image:none;
	background:none;
	margin:0; 
	padding:0;
}
#contenu #ideo_inc_menu li.selection a:link, #contenu #ideo_inc_menu li.selection a:visited{
	color:#22A9E4;				/* -- Couleur de la rubrique courante  (prendre la couleur de la classe .couleur par exemple)-- */
	text-decoration:none;
}	
/* --PAGINATION -- */
#contenu #ideo_inc_pagination {
	margin:20px auto;
	width:100%;
	text-align:center;
	border:1px solid #C3C3C3;
	background:url(../images/actualites/bgBloc.gif) left top repeat;
}
#contenu #ideo_inc_pagination span{
	font-size:1em;
	text-align:center;
}
#contenu #ideo_inc_pagination p{
	text-align:center;
	color:#22A9E4; 		/* -- Couleur du numero de la page courante (prendre la couleur de la classe .couleur par exemple) -- */
	margin:0;
}
#contenu #ideo_inc_pagination label{font-size:0.9em;}
/* -- STYLES SPECIFIQUES AU MODULE -- */
#contenu .ideo_act_wrapper {
	float:left;
	margin:15px 0;
	width:100%;
}
#contenu .ideo_act_wrapper .ideo_act_blocTexte-droite {
	width:492px;
	padding:5px;
	border:1px solid #C3C3C3;
	float:left;
	background:url(../images/actualites/bgBloc.gif) left top repeat;
}
#contenu .ideo_act_wrapper .ideo_act_blocVisuel {
	float:left;
	height:130px;
	width:146px;
	background:url(../images/actualites/fond-vignette.gif) no-repeat left top;	
	margin-right:10px;
	padding:16px 0 0 0;
	text-align:center;
}
#contenu .ideo_act_wrapper .ideo_act_blocVisuel img {margin:0;}
#contenu .ideo_act_wrapper .ideo_act_blocTexte{
	float:left;
	width:290px;
}
#contenu .ideo_act_wrapper .ideo_act_titre{
	font-size:1em;
	font-weight:bold;
	color:#22A9E4;
	border-bottom:1px solid #C3C3C3;
}
#contenu .ideo_act_wrapper .ideo_act_date {
	font-weight:bold;
	color:#666666;			/* -- Couleur de la date -- */
	font-size:12px;
	font-style:italic;
	}
/* -- ENCART NEWS  -- */
.encart-news{
	float:right;
	width:243px;
	margin:0;
}
.encart-news .encart-news-milieu{
	background:url(../images/actualites/encart-milieu.png) no-repeat;
	float:left;
	width:223px;
	padding:15px 10px 0 10px;
}
.encart-news .encart-news-bas{
	background:url(../images/actualites/encart-bas.png) no-repeat;
	float:left;
	width:243px;
	height:12px;
	padding:0;
	margin:0;
}

#contenu .encart-news h4{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#333;
	border-bottom:1px solid #CCC;
	text-align:center;
	padding:0 0px 5px 0;
	margin:0 auto 10px auto;
	width:215px;
}
#contenu .encart-news p{
	text-align:center;
	font-size:12px;
	padding:0px;
	font-variant:small-caps;
	font-weight:bold;
	color:#333;
}
#contenu .encart-news a {color:#333;}
#contenu .encart-news a:hover {color:#CCC;}



/*********differentes rubriques sport du menu left ***********/

#contenu .visuelmuscu { 
	width:660px;
}

#contenu .visuelmuscu a img{ 
	width:210px;
	float:left;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	padding-right:10px;	
	background:#CFCFCF;
	border:none;
	margin-bottom:30px;
}

#contenu .visuelmuscu a:hover img{ 
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
	border:none;
}

#contenu #texte-rubriques h2{ 
	text-align:center;
}

#contenu #texte-rubriques ul{ 
	margin:10px 0 0 200px;
}


/* -------------------------- 
	MODULE LIVRE D'OR 02
--------------------------- */

/* -- STYLE GENERAUX --- */
#contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota{
	font-size:0.8em;
	line-height:1.2em;
	font-style:italic;
	padding:0 0 0 0;
}

/* --PAGINATION -- */
#contenu #ideo_inc_pagination {
	margin:20px auto;
	width:90%;
	text-align:center;
}
#contenu #ideo_inc_pagination span{
	font-size:1em;
	text-align:center;
}
#contenu #ideo_inc_pagination p{
	text-align:center;
	color:#ff6600; 		/* -- Couleur du numero de la page courante (prendre la couleur de la classe .couleur par exemple) -- */
	margin:0;
}
#contenu #ideo_inc_pagination label{
	font-size:0.9em;
}


/* -- FORMULAIRE -- */
#contenu select {
	color:#000;
	border:1px solid #000;
	background-color:#FFF;
	width:152px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
#contenu input{
	color:#000;
	border:1px solid #2AACE6;
	background-color:#FFF;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
#contenu textarea{
	color:#000;
	border:1px solid #2AACE6;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

#contenu input:hover, #contenu textarea:hover, #contenu select:hover {border:1px solid #F97AED;}
#contenu label {color:#666;}
	
#contenu input.ideo_gbl_boutonFormulaire {
	color:#000;
	background:#fff;
	border:1px solid #000;
	cursor:pointer;
	font-size:0.8em;
	height:auto;
	margin:0;
	padding:0;
}
#contenu input:hover.ideo_gbl_boutonFormulaire {
	color:#F97AED;
	background:#fff;
	border:1px solid #F97AED;
}


/* Partie Formulaire */
.ideo_lor_globalForm {
	float:left;
	width:240px;
	padding: 30px 15px 0 0;
	margin:0 15px 0 0;
	border-right:1px dotted #ccc;
}
.ideo_lor_globalMessage {
	overflow:hidden;
	height:1%;
}
#ideo_lor_blocForm{
	float:left;
	width:230px;
	margin:7px 0 15px 0;
	padding:0 0 10px 10px;
}
#ideo_lor_blocForm p {
	float:left;
	margin-bottom:5px;
}
#ideo_lor_blocForm label{
	float:left;
	width:92px;
	font-weight:bold;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
#ideo_lor_blocForm input{
	width:135px;
}
#ideo_lor_blocForm input#capcha{
	width:75px;
}
#ideo_lor_blocForm textarea{
	width:225px;
	height:60px;
}

#ideo_lor_blocForm .ideo_lor_blocBouton{
	float:left;
	margin:10px 0 0 25px;
	}

#ideo_lor_blocForm .ideo_lor_blocBouton input{
	width:80px;
	height:auto;
	cursor:pointer;
	color:black;
	background:white;
	border:1px solid #2AACE6;
	margin:0 5px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#2AACE6;
}

#ideo_lor_blocForm label.ideo_inc_captcha{
	float:left;
	width:130px;
	margin:0 8px 0 0;
}
#ideo_lor_blocForm .ideo_lor_blocValidation input{
	float:right;
	margin:13px 0 0 0;
	width:60px;
}
#contenu #ideo_lor_blocForm .ideo_lor_blocValidation .ideo_lor_blocCaptcha{
	float:left;
}
#contenu #ideo_lor_blocForm .ideo_lor_blocValidation .ideo_lor_blocCaptcha img{
	float:left;
	margin:0 15px 0 0;
}
#contenu #ideo_lor_blocForm .ideo_lor_blocValidation .ideo_lor_blocCaptcha input{
	float:left;
	width:85px;
	margin:7px 30px 0 0;
}

/* Partie Message */
.ideo_lor_wrapper{
	float:left;
	border-bottom:1px dotted #CCC;
	margin:10px 0;
	width:100%;
}
#contenu .ideo_lor_wrapper .ideo_gbl_couleur{
	margin-bottom:7px;
}

/* -------------------------- 
	FIN MODULE LIVRE D'OR 02
--------------------------- */

/* -------------------------- 
	MODULE CONTACT 
--------------------------- */
/* -- STYLE GENERAUX --- */

#contenu #module-contact{
	margin-top:30px;
}


/* Largeur mini du formulaire : 350px */
#contenu-gauche {
	float:none;
	overflow-x:hidden;
	height:1%;
}

#contenu .center {text-align:center;}
#contenu .ideo_gbl_nota, #contenu p.ideo_gbl_nota {
	font-size:0.8em;
	line-height:1.2em;
	padding:0 10px 0 10px;
}
#contenu .ideo_gbl_alerte {color:#22A9E4;}


/* -- FORMULAIRE --- */
#contenu #ideo_cnt_global input , 
#contenu #ideo_cnt_global select , 
#contenu #ideo_cnt_global textarea {
	background-color:#FFFFFF;
	border:1px solid #22A9E4;
	color:#666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	height:15px;
	padding-left:2px;
}
#contenu #ideo_cnt_global textarea {height:55px;}
#contenu #ideo_cnt_global select {height:17px;}
#contenu #ideo_cnt_global .ideo_cnt_blocFormulaire h4 {
	float:none;
	border-bottom:1px solid #3b3b3b;
	color:#000000;
	float:left;
	font-size:1.1em;
	font-variant:small-caps;
	font-weight:bold;
	margin:15px 0pt;
	padding:0pt;
	text-align:left;
	width:100%;
}

/* -- STYLES SPECIFIQUES AU MODULE -- */
#contenu .ideo_cnt_blocFormulaire {
	clear:both;
	float:left;
	width:100%;
}

#contenu .ideo_cnt_blocFormulaire label {
	width:33%;
	float:left;
	margin:0;
	text-align:right;
	padding-right:10px;
	font-size:1em;
}
#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocLigneFormulaire {margin-bottom:2px;}
#contenu .ideo_cnt_blocLigneFormulaire input , 
#contenu .ideo_cnt_blocValidation input , 
#contenu .ideo_cnt_blocLigneFormulaire textarea {width:40%;}
#contenu .ideo_cnt_blocLigneFormulaire textarea {height:45px;}
#contenu .ideo_cnt_blocLigneFormulaire select {width:41%;}
#contenu #ideo_cnt_global .ideo_cnt_blocLigneFormulaire input:hover , 
#contenu #ideo_cnt_global .ideo_cnt_blocLigneFormulaire textarea:hover , 
#contenu #ideo_cnt_global .ideo_cnt_blocLigneFormulaire select:hover {
	border:1px solid #F97AED;
	font-size:0.9em;
}


#contenu .ideo_cnt_blocFormulaire img {
	border:none;
	margin:0px 0 1px 0;
	vertical-align:bottom;
}
#contenu .ideo_cnt_blocFormulaire .ideo_cnt_blocBouton{
	text-align:center;
	margin-top:15px;
}
#contenu #ideo_cnt_global .ideo_cnt_blocBouton input{
	width:80px;
	cursor:pointer;
	color:#22A9E4;
	font-weight:bold;
	height:17px;
	margin:0;
	padding:0;
	font-size:0.9em;
	background:#fff;
	border:1px solid #22A9E4;
}
#contenu #ideo_cnt_global .ideo_cnt_blocBouton input:hover {
	color:#F97AED;
	border:1px solid #F97AED;
	}



/* PLAN D'ACCES */
#contenu .ideo_cnt_globalPlan{margin:20px 0 0 0;}
#contenu .ideo_cnt_blocPlan{
	width:100%;
	margin:0 auto 20px auto;
	text-align:center;
}


/*  ENCART COORDONNEES */
#contenu-droite {
	float:right;
	margin:0pt;
	overflow-x:hidden;
	width:220px;
	margin-left:10px;
	background:#CFCFCF;
}
.encart-coordonnees{
	float:left;
	width:220px;
	margin:0 0 10px;
}
.encart-coordonnees .encart-coordonnees-milieu{
	float:left;
	width:220px;
}
.encart-coordonnees .encart-coordonnees-bas{
	float:left;
	width:180px;
	height:10px;
	padding:0;
	margin:0;
}
#contenu .encart-coordonnees p{
	text-align:center;
	font-size:12px;
	padding:0;
	font-weight:bold;
}
#contenu .encart-coordonnees strong.couleur{color:#22A9E4;}
#contenu .encart-coordonnees strong.couleur.seconde{color:#3a3a3a;}


/* -------------------------- 
	FIN MODULE CONTACT 
--------------------------- */


/* ----mentions legales---- */

#contenu #colgauche{
	width:290px;
	float:left;
}

#contenu #coldroite{
	width:290px;
	float:right;
}

/* ----plan du site---- */

#contenu .plansite{
	float:left;
	margin:20px 20px 0 100px;
}

#contenu .plansite li{
	padding-bottom:10px;
}