/********************************/
/*	<i>CFERM</i> -- Feuilles de style */
/********************************/

* {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, sans-serif;
	height:auto;
	background:#000000;
}

a {
	text-decoration: none;
	color:#F38A00;
	cursor:pointer;
}

#background{
	height:786px;
	background:url(../images/design/background.jpg);
}

#site-web {
	margin: auto;
	width: 852px;
	height:auto;
}

/********************************/
/*	HEADER                                          */
/********************************/


#header{
	position:relative;
	float:left;
	width:852px;
	height:auto;
	margin-top:2px;
}

#header .menu{
	position:relative;
	float:left;
	width:852px;
	height:71px;
}

#header .menu .before{
	position:relative;
	float:left;
	width:0px;
	height:71px;
	background:url(../images/design/menu.jpg);
}

#header .menu .separation{
	position:relative;
	float:left;
	width:3px;
	height:71px;
	background:url(../images/design/separation_menu_gris.jpg);
}

#header .menu a .bouton{
	position:relative;
	float:left;
	width:139px;
	height:71px;
	line-height:50px;
	font-size:12px;
	color:#000000;
	text-align:center;
	background:url(../images/design/menu.jpg);
}

#header .menu a:hover .bouton{
	color:#FFFFFF;
	background:#000000;
}

#header .menu a .bouton_selec{
	position:relative;
	float:left;
	width:139px;
	height:71px;
	line-height:50px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	background:#000000;
}

#header .menu .after{
	position:relative;
	float:left;
	width:0px;
	height:71px;
	background:url(../images/design/menu.jpg);
}

#header .bandeau{
	position:relative;
	float:left;
	background:url(../images/design/bandeau.jpg);
	width:852px;
	height:196px;
}

#header .menu_orange{
	position:relative;
	float:left;
	width:852px;
	height:110px;
	background-color:#F38A00;
}

#header .menu_orange .bloc{
	position:relative;
	float:left;
	height:110px;
	width:281px;
}

#header .menu_orange .bloc .partie{
	position:relative;
	float:left;
	width:281px;
	height:80px;
	margin-top:3px;
	background-color:#FFB400;
}

#header .menu_orange .bloc .partie .titre{
	position:relative;
	float:left;
	width:281px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#000000;
	text-align:center;
	margin-top:4px;
}

#header .menu_orange .bloc .partie .texte{
	position:relative;
	float:left;
	width:276px;
	height:40px;
	line-height:17px;
	font-size:11px;
	color:#FFFFFF;
	margin-top:5px;
	margin-left:5px;
}

#header .menu_orange .bloc a .sspartie{
	position:relative;
	float:left;
	width:100px;
	height:20px;
	line-height:20px;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	background:url(../images/design/en_savoir_plus.jpg);
	margin-top:3px;
	margin-left:170px;
}

#header .menu_orange .separation{
	position:relative;
	float:left;
	height:110px;
	width:4px;
	background:url(../images/design/separation_menu_orange.jpg);
}

/********************************/
/*	TRAME PRINCIPALE                        */
/********************************/

#main{
	position:relative;
	float:left;
	width:852px;
	height:auto;
	background:#FFFFFF;
}

#main .corps{
	position:relative;
	float:left;
	width:852px;
	height:auto;
}

#left{
	position:relative;
	float:left;
	width:262px;
	height:auto;
	margin-left:20px;
	margin-top:15px;
	border-right:1px solid #DFE3E6;
}

#left .bandinfo {
	position:relative;
	float:left;
	height:auto;
	width:auto;
	margin-top:10px;
}

#left .titre {
	position:relative;
	float:left;
	width:247px;
	height:18px;
	line-height:20px;
	font-size:13px;
	color:#000000;
	margin-left:10px;
	font-weight:bold;
}

#left .contenu{
	position:relative;
	float:left;
	width:262px;
	height:auto;
	margin-top:5px;
}

#left .texte{
	position:relative;
	float:left;
	width:262px;
	height:auto;
	line-height:16px;
	font-size:11px;
	color:#444444;
}

#left .menu {
	position:relative;
	float:left;
	width:260px;
	height:auto;
	line-height:30px;
}

#left .menu .fleche{
	position:relative;
	float:left;
	height:15px;
	width:15px;
	background:url(../images/design/fleche.jpg);
	margin-top:10px;
}

#left .menu a .lien{
	position:relative;
	float:left;
	width:240px;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#F38A00;
	margin-left:5px;
}


#left .menu a:hover .lien{
	color:#FFB400;
}

#left .menu a .lien_selec{
	position:relative;
	float:left;
	width:240px;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#FFB400;
	margin-left:5px;
}

#left .menu a .categorie{
	position:relative;
	float:left;
	width:200px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#F38A00;
	margin-left:45px;
}


#left .menu a:hover .categorie{
	color:#FFB400;
}

#left .menu a .categorie_selec{
	position:relative;
	float:left;
	width:200px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#FFB400;
	margin-left:45px;
}

#left .foot_left{
	position:relative;
	float:left;
	width:237px;
	height:30px;
	line-height:30px;
	font-size:10px;
	text-align:center;
	color:#EF7F40;
	border:4px solid #DFE3E6;
	background:url(../images/design/information.jpg);
	margin-top:5px;
	margin-left:7px;
}

#left .foot_left a {
	color:#F38A00;
}

#left .foot_left a:hover {
	color:#FFB400;
}

#right{
	position:relative;
	float:left;
	width:530px;
	height:auto;
	margin-left:15px;
	margin-top:15px;
}

#right .contenu{
	position:relative;
	float:left;
	width:530px;
	height:auto;
}

#right .contenu .titre {
	position:relative;
	float:left;
	width:515px;
	height:18px;
	line-height:20px;
	font-size:13px;
	color:#000000;
	margin-left:10px;
	font-weight:bold;
}

#right .contenu .choix_ss_categorie{
	position:relative;
	float:left;
	width:515px;
	height:30px;
	line-height:30px;
	font-size:12px;
	color:#444444;
	margin-top:10px;
	margin-left:10px;
}

#right .contenu .choix_ss_categorie .choix{
	position:relative;
	float:left;
	width:auto;
	height:30px;
	line-height:30px;
	font-size:11px;
	color:#444444;
}

#right .contenu .choix_ss_categorie select{
	position:relative;
	float:left;
	font-size:11px;
	color:#444444;
	margin-top:7px;
	border:1px solid #444444;
}

#right .contenu .choix_ss_categorie .sss_categorie{
	position:relative;
	float:left;
	font-size:11px;
	color:#444444;
	margin-top:7px;
	border:1px solid #444444;
}

#right .contenu .choix_ss_categorie a .valid{
	position:relative;
	float:left;
	width:auto;
	height:30px;
	line-height:30px;
	font-size:11px;
	color:#F38A00;
}

#right .contenu .choix_ss_categorie a:hover .valid{
	color:#FFB400;
}

#right .contenu .texte{
	position:relative;
	float:left;
	display:block;
	width:100%;
	height:auto;
	line-height:17px;
	font-size:11px;
	color:#444444;
	margin-top:5px;
}

#right .contenu .texte a{
	text-decoration: none;
	color:#F38A00;
	cursor:pointer;

}

#right .contenu .texte img{
	margin-left:2px;
	margin-top:5px;
}

#right .contenu .plusactu{
	position:relative;
	float:left;
	width:510px;
	height:auto;
}

#right .contenu .plusactu .imag{
	position:relative;
	float:left;
	width: 150px;
	height:150px;
}

#right .contenu .plusactu .imag img{
	position:relative;
	float:left;
	width:140px;
	height:140px;
	margin-top:5px;
	margin-left:5px;
	border:1px solid #444444;
}

#right .contenu .plusactu .present{
	position:relative;
	float:left;
	width:340px;
	margin-left:5px;
	margin-top:5px;
	font-size:11px;
	color:#444444;
}

#right .contenu .bando_c{
	position:relative;
	float:left;
	width:450px;
	height:80px;
	border:2px solid #095D83;
	background:#F8F8F8;
	margin-top:20px;
}

#right .contenu .bando_c .coor{
	position:relative;
	float:left;
	width:420px;
	height:auto;
	line-height:20px;
	margin-top:10px;
	font-size:11px;
	color:#444444;
	text-align:center;
	font-weight:bold;
}

.leftimg{
	float:left;
	margin:4px;
}

.centerimg{
	float:left;
	margin-top:10px;
	margin-left:70px;
	border:2px solid #095D83;
}

#right .plan{
	position:relative;
	float:left;
	width:500px;
	height:350px;
	border:1px solid #BBBABF;
	margin-top:10px;
	margin-left:10px;
	background :url(../images/design/plan.jpg);
}

#right .contenu .referencep{
	position:relative;
	float:left;
	width:500px;
	height:auto;
	border:2px solid #F38A00;
	margin-top:10px;
	margin-left:10px;
}

#right .contenu .referencep .titr{
	position:relative;
	float:left;
	width:500px;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#000000;
	background:#FFB400;
	border-bottom:2px solid #F38A00;
}

#right .contenu .referencep .photo{
	position:relative;
	float:left;
	height:140px;
	width: 120px;
	margin-top:5px;
	margin-left:5px;
}

#right .contenu .referencep .photo img{
	margin:auto;
	border:1px solid #000000;
}

#right .contenu .referencep .tex{
	position:relative;
	float:left;
	width:350px;
	height:auto;
	line-height:15px;
	font-size:10px;
	margin-top:5px;
	color:#444444;
	margin-left:10px;
}

#right .contenu .referencea{
	position:relative;
	float:left;
	width:500px;
	height:auto;
	border:2px solid #BBBABF;
	margin-top:10px;
	margin-left:10px;
}

#right .contenu .referencea .titr{
	position:relative;
	float:left;
	width:500px;
	height:20px;
	line-height:20px;
	font-size:10px;
	color:#000000;
	background:#DFE3E6;
}

#right .contenu .referencea .titr1{
	position:relative;
	float:left;
	width:500px;
	height:20px;
	line-height:20px;
	font-size:10px;
	color:#000000;
	background:#DFE3E6;
	border-bottom:1px solid #BBBABF;
}

#right .contenu .referencea .titr .nom {
	position:relative;
	float:left;
	width:480px;
	height:20px;
	line-height:20px;
}

#right .contenu .referencea .titr a .plus {
	position:relative;
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}

#right .contenu .referencea .tex{
	position:relative;
	float:left;
	width:480px;
	height:auto;
	line-height:16px;
	font-size:10px;
	color:#444444;
	margin-left:10px;
}

#right .contenu .bloc_lien{
	position:relative;
	float:left;
	width:520px;
	line-height:20px;
	height:auto;

}

#right .contenu .bloc_lien .titre_bloc{
	position:relative;
	float:left;
	width:520px;
	height:auto;
	font-size:11px;
	color:#444444;	
	line-height:20px;
}

#right .contenu .bloc_lien .partie {
	position:relative;
	float:left;
	width:260px;
	height:20px;
	line-height:20px;
}

#right .contenu .bloc_lien .partie .fleche{
	position:relative;
	float:left;
	height:15px;
	width:15px;
	background:url(../images/design/fleche.jpg);
	margin-top:5px;
}

#right .contenu .bloc_lien .partie .lien{
	position:relative;
	float:left;
	width:240px;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#F38A00;
	margin-left:5px;
}

#right .contenu .bloc_lien .partie a .lien{
	position:relative;
	float:left;
	width:240px;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#F38A00;
	margin-left:5px;
}

#right .contenu .bloc_lien .partie a:hover .lien{
	color:#FFB400;
}

#right .foot_right{
	position:relative;
	float:left;
	width:530px;
	height:auto;
	line-height:20px;
	font-size:9px;
	color:#444444;
	font-style:italic;
	margin-top:5px;
}

.pretitre{
	position:relative;
	float:left;
	height:18px;
	width:4px;
}

.pretitre .barre{
	position:relative;
	float:left;
	width:4px;
	height:13px;
	margin-top:5px;
	background:url(../images/design/barre_orange.jpg) no-repeat;
}

#main .foot{
	position:relative;
	float:left;
	width:852px;
	height:14px;
	background:url(../images/design/bottom_arrondi.jpg);
}

#footer{
	position:relative;
	float:left;
	width:852px;
	height:30px;
}