/* CSS Document */


/************************ Gros visuel **************************/
.photo_gallerie_image{
	height:409px;
	width:559px !important;
	width:560px;
	background-image:url(../../../images_rubrique/home/visuel.jpg);
	background-repeat:no-repeat;
	background-color:none;
	margin:0 0px 0 -1px;
}
.photo_gallerie_swf{
	height:409px;
	width:557px !important;
	width:560px;
	margin:0px 0 0 0px;
	padding:0px!important;
	padding:0px 0px 0 1px;
	/*margin:0px -4px 0 1px;*/
	diplay:block;
	float:left;
}

.gallerie_image{
	float:right;
	position:relative;
	width:588px !important;
	width:589px;
	height:410px;
	background-color:#FFF;
	margin:0 0 0 0px !important;
	margin:0 0 0 0;
	padding:0;
}

/*.gallerie_image img{
	float:left;
	position:relative;
	margin:0;
	border:none;
}*/

/*.photo_gallerie_image img{
	float:right;
	margin:0;
	padding:0;
}*/


#marge_gallerie_home{
	position:absolute;
	top:0;
	right:0 !important;
	right:-1px;
	margin:0px 0 0 0px;
	width:29px;
	height:409px;
	background-color:#333;
}


.bottom_image_rubrique_left{
	background-color:#ff9900;
}

.bottom_image_rubrique_center{
	background-image:url(../images/home/bg_marge_center.gif);
}

.bottom_image_rubrique_right{
	background-color:#ff9900;
}


.image_rubrique_home{
	background-image:url(../../../images_rubrique/home/photo_rubrique.gif);

}


/******************** MENU GAUCHE INTERNE **************************************/

#menu_gauche_article{
	background-image:url(../images/home/bg_menu_gauche.gif);
}




/***************** Image Rubrique ******************/

.marge_image_rubrique_left{
	background-color:#333;
}


.menu_gauche_home{
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width:410px;
	background-color:none;
}


.recherche_secondaire_home{
	float:left;
	height:238px;
	width:239px;
	margin:0;
	padding:0;
	background-image:url(../images/home/background_recherche_second.gif);
	/*background-position: 0 30px;*/
	background-position: 0 0;
	background-repeat:no-repeat;
	cursor:pointer;
}

#select_recherche_2{
	position:absolute;
	width:200px;
	/*margin:200px 0 0 -220px !important;
	margin:-35px 0 0 20px;*/
	margin:5px 0 0 -220px !important;
	margin:-235px 0 0 15px;
	height:17px;
	font-size:9px;
	z-index:100;
}


#col_gauche{
	float:left;
	width:379px;
	background-color:#FFF;
	margin:0;
	padding:0 0 0 31px;
}



.photo_article_col_gauche{
	float:left;
	width:115px;
}

.texte_article_col_gauche{
	float:left;
	text-align:left;
	padding-left:40px !important;
	padding-left:15px;
	overflow:hidden;
	height:117px;
}

.texte_article_col_gauche form{
	margin-left:0px;
}

.texte_article_col_gauche h1{
	margin:5px 0 5px 0px;
}

.texte_article_col_gauche a, .texte_article_col_gauche a:link, .texte_article_col_gauche a:visited{
	color:#000;
	font-size:0.75em;
}

.texte_article_col_gauche h6{
	font-size:1.7em;
}

.texte_article_col_gauche span{
	display:block;
	font-size:1.7em;
}

.texte_article_col_gauche p{
	font-size:1.7em;
}



.texte_article_col_gauche ul{
	list-style:disc;
	font-size:2em;
	margin:5px 0 0 15px;
	padding:0;
	font-style:italic;
}

.article_col_gauche{
	background-color:#f1f1f1;
	text-align:left;
	margin:0px 0 0 0;
         padding:0;
         /*height:117px;*/
	width:379px;

}

.article_col_gauche ul{
	margin:5px 0 5px 15px;
	padding:0;
	font-size:2em;
}

.article_col_gauche ul li{
	font-style:italic;
	margin:0px 0px 0 0;
	padding:0;
}

.article_col_gauche ul li h6{
	margin:0;
	padding:0;
	font-size:1em;
	font-style:normal;
}

.article_col_gauche ul li.liens_suite{
	margin-top:10px;
}

.article_col_gauche p{
	font-size:1.5em;
}

.article_col_gauche a{
	font-style:italic;
}

.pratique{
	width:100%;
	height:117px;
	width:379px;
	background-color:#dbdbdb;
}

#liste_pratique_1{
	width:180px;
	height:17px;
	font-size:9px;
	border:1px solid #666;
}

#recherche_pratique{
	margin:5px 0 0 0;
}

#champ_recherche_pratique{
	width:150px !important;
	width:158px;
	margin:0;
	padding:2px 0 0 3px;
	border:1px solid #666;
	border-right:none;
}



#btn_recherche_pratique{
	width:25px !important;
	width:22px;
	height:20px !important;
	font-size:14px;
	border:none;
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	margin:0 0 0px -2px;
	padding:0;
}


#liste_pratique_2{
	width:180px;
	margin-top:5px;
	height:17px;
	font-size:9px;
}


#recherche_pratique_2{
	width:180px;
	margin-top:5px;
	height:12px !important;
	height:18px;
	font-size:9px;
}

.agenda{
	float:left;
	background-color:#E8E9EA;
	height:115px;
	width:379px;
	margin:0;
	padding:0;
}

.douze_vingt_cinq{
	width:100%;
	height:117px;
	width:379px;
	background-color:#f2f3f3;
}


.barre_navigation{
	color:#333;
	margin:10px 0 0px 0;
}

.rubrique_principale{
	float:left;
	width:570px;
	background-color:#FFF;
	margin:0 0 20px 0;
}

.rubrique_principale ul{
	list-style-type:square;
	margin:0 0 0 0px;
	padding:0;
}

.rubrique_principale ul li{
	margin:0;
	padding:0;
}

.rubrique_principale h5{
	font-size:1.5em;
	margin:0;
	padding:0;
}

.rubrique_principale h6 a{
	text-transform:uppercase;
	color:#000;
	font-size:0.8em;
}
.rubrique_principale h1{
	padding:5px 0 10px 0;
}

.rubrique_principale span{
	display:block;
	font-style:italic;
	font-size:1.3em;
	padding:5px 0 10px 0;
	float:left;
}


.rubrique_principale p.bodytext{
	font-size:1.2em;
}

.rubrique_principale .article_en_bref p.bodytext{
	font-size:0.9em;
}

.article_en_bref{
	float:left;
	margin:0px 0 10px 0;
	font-size:1.5em;
	color:#333;
	width:560px;
	float:left;
}

.article_en_bref h5{
	font-size:1em;
	color:#ff7a22;
	margin:0 0 5px 0;
	padding:0;
}

.article_en_bref h6{
	color:#333;
	font-size:1em;
	font-weight:bold;
	margin:0 0 3px 0;
	padding:0;
	text-transform:uppercase;
	font-style:normal;
}


.rubrique_principale .csc-header{}



.texte_article_en_bref{
	margin:0;
	padding:0;
}

.texte_article_en_bref h6 a:link, .texte_article_en_bref h6 a:visited{
	color:#000;
}

.photo_article_en_bref{
	width:70px;
	height:100%;
	float:right;
	background-color:none;
	margin:20px 0 0 10px;
}

.plus_infos_gauche h1{
	margin:0 0 15px 0;
}

.plus_infos_gauche span{
	display:block;
	font-style:italic;
	font-size:1.3em;
	margin:0px 0 20px 150px;
}

/*
.article_col_gauche .csc-textpic csc-textpic-intext-left-nowrap{
		float:left;
}

.article_col_gauche .csc-textpic-imagewrap{
	float:left;
}
*/

.article_infos_plus_gauche{
	float:left;
	width:100%;
	font-size:1.3em;
	margin-bottom:6px;
}

.article_infos_plus_gauche h5{
	font-size:1.1em;
}

.article_infos_plus_gauche h5 a{
	font-style:normal;
}

.rubriques_bottom p.bodytext, .rubriques_bottom p.bodytext strong{
	font-weight:normal;
}

.article_infos_plus_gauche a{
	font-style:italic;
}

/*
.article_infos_plus_gauche .csc-textpic-text{
	float:left;
}*/

/* Titre Rubrique infos plus gauche  */
.article_infos_plus_gauche h1.csc-firstHeader{
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
}
/*
.article_infos_plus_gauche .csc-textpic-text h5{
	display:block;
	margin:0 0 2px 0;
	padding:0;
	color:yellow;
}*/


		
.photo_article_infos_plus_gauche{
	float:left;
	margin-right:10px;
}

.texte_article_infos_plus_gauche h5{
	color:#333;
	text-transform:uppercase;
	font-weight:bold;
}

.magazine_vri{
	float:left;
}

.magazine_vri img{
	display:block;
	margin:5px 0 0 0;
}
.magazine_vri h1 img{
	display:block;
	margin:0px 0 0 0;
}

.magazine_vri ul{
	margin:5px 0 15px 30px;
	padding:0;
}

  /********************************************************************************/
 /********************   MENU DEROULANT LEFT HOME INTERNE  ***********************/
/********************************************************************************/

#menu_gauche{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	background-repeat:repeat-y;
	background-image:url(../images/666666/bg_menu_gauche.gif);

}

#menu_gauche li, #menu_gauche li.actif{
	background-image:url(../images/666666/fond_menu_left.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	display:block;
	margin:0px 0 0 18px !important;
	padding:0px 0 0px 20px !important;
	margin:0px 0 0 9px;
	padding:0px 0 0px 20px;
	width:133px;
	text-align:left;
}

#menu_gauche li a{
	display:block;
	font-size:0.8em;
	text-align:left;
	padding:3px 0 3px 0;
	margin:0;
	color:white;
	width:133px;
	text-transform:uppercase;
}

#menu_gauche li a:hover, #menu_gauche li a:active{
	text-decoration:none;
}

#menu_gauche li ul {
	position: absolute;
	left: -999em;
	background:#DFAB00;
	font-weight: normal;
	margin:0;
	padding:0;
	width:150px;
}

#menu_gauche li ul li, #menu_gauche li.actif ul li{
	background:none;
	margin:0 !important;
	padding:0 !important;
	margin:0;
	padding:0;
	text-align:left;
}

#menu_gauche li li a{
	padding:2px 0 4px 5px;
	margin:0;
	width:145px !important;
	width:150px;
}

#menu_gauche li ul {
	margin: -19px 0 0 133px;
	padding:0;
}

#menu_gauche li.sfhover2 ul ul, #menu_gauche li.sfhover2 ul ul ul {
	left: -999em;
}

#menu_gauche li.sfhover2 ul, #menu_gauche li li.sfhover2 ul, #menu_gauche li li li.sfhover2 ul {
	left: auto;
}

#menu_gauche li:hover a, #menu_gauche li.sfhover2 a{
	background: #DFAB00;
}

#menu_gauche li:hover li a{
	background:none;
}

#menu_gauche li li a:hover{
	background:#CD7A00;
	text-decoration:none;
}

/**************************** Brique Agenda *******************************/

.agenda .texte_article_col_gauche{
	background:none;
	margin:0 0 0 25px !important;
	margin:0;
	padding:0 0 0 10px !important;
	padding:0 0 0 10px;
	height:115px;
	width:228px !important;
	width:239px;
}

.agenda .texte_article_col_gauche h6 a,.agenda .texte_article_col_gauche h6 a:link,.agenda .texte_article_col_gauche h6 a:visited{
	font-size:1.1em !important;
	font-size:1.1em;
	font-style:normal;
}

.derniers_evenements, .derniers_evenements a, .derniers_evenements a:link, .derniers_evenements a:visited {
	color:#FF8F44;
	font-size:1em;
}
