/* *** Generated by www.csscreator.com *** */
/* couleurs 
-- MENU --
*/

/* ###########################################################
		DEFINITION DES COULEURS
########################################################### */
/* ##################### COULEURS FONT ################################ */
.fond_normal{background-color:#fff;}
/* secteur violet */
.fond_1{background-color:#eaccf0;}
/* secteur bleu */
.fond_2{background-color:#cce2f0;}
/* secteur vert */
.fond_3{background-color:#dbf0cc;}
/* secteur jaune */
.fond_4{background-color:#fff6cc;}
/* secteur marron */
.fond_5{background-color:#e7e0d8;}
.fond_orange{background-color:#fdeacc;}

/* ##################### COULEURS TEXTE ET DES ATTRIBUTS ################################ */
.normal{color:#fff;}
/* secteur violet */
.couleur_1{color:#9501b5;}
/* secteur bleu */
.couleur_2{color:#016fb5;}
/* secteur vert */
.couleur_3{color:#49b501;}
/* secteur jaune */
.couleur_4{color:#fed001;/*#f39400; orange */}
/* secteur marron */
.couleur_5{color:#87623a;}
.orange{color:#f39400;}
.noir{color:#000;}
/* ######################  CARTOUCHE EN DIFFERENTE COULEUR ################ */
.cartouche_violet{background-image:url(images/cartouch_violet_fond_violet.gif);}
.cartouche_bleu{background-image:url(images/cartouch_bleu_fond_bleu.gif);}
.cartouche_vert{background-image:url(images/cartouch_vert_fond_vert.gif);}
.cartouche_jaune{background-image:url(images/cartouch_jaune_fond_jaune.gif);}
.cartouche_marron{background-image:url(images/cartouch_marron_fond_marron.gif);}
/* ######################  CARTOUCHE SELECT EN DIFFERENTE COULEUR POUR LE FONT DIFFERENTE ######*/
/* secteur violet */
.cartouche_select_1{background-image:url(images/cartouche_orange_fond_viole.gif);}
/* secteur bleu */
.cartouche_select_2{background-image:url(images/cartouche_orange_fond_bleu.gif);}
/* secteur vert */
.cartouche_select_3{background-image:url(images/cartouche_orange_fond_vert.gif);}
/* secteur jaune */
.cartouche_select_4{background-image:url(images/cartouche_orange_fond_jaune.gif);}
/* secteur marron */
.cartouche_select_5{background-image:url(images/cartouche_orange_fond_marro.gif);}
.cartouche_select_orange{background-image:url(images/cartouche_orange_fond_orang.gif);}
/* ##################### COULEURS DE PUCES ################################ */
.puce_marron{background-image:url(images/puce_marron.gif);}
.puce_orange{background-image:url(images/puce_simple_orange.gif);}
.puce_simple_grise{background-image:url(images/puce_simple_grise.gif);background-position:0 4px;background-repeat:no-repeat;padding-left:12px;}
.puce_double{padding-left:15px;background-image:url(images/puce_double_grise.gif);background-position:0 4px;background-repeat:no-repeat;}
/* ##################### HTML ################################ */
html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:12px; 
	color:#000;
} 
 
#conteneur{ 
    /*width:100%;*/
    width:780px;
	margin-top:10px;
    margin-bottom:10px;
    text-align:left;
    margin-left:auto; 
    margin-right:auto; 
    border:0px solid #000;
    /*color:#fff;*/
}

/* ##################### HEADER ################################ */
#header
{ 
	height:145px;	
	background-position:left bottom;
	background-repeat:no-repeat;	
	background-color:#fff;
	font-size:10px; 
}

/* ################### HEADER SPÉCIFIC POUR DES SECTEURS DIFFÉRENTS ######## */
.header_normal{background-image:url(images/bg_header.jpg);}
/* secteur violet */
.header_1{background-image:url(images/bg_header_violet.jpg);}
/* secteur bleu */
.header_2{background-image:url(images/bg_header_bleu.jpg);}
/* secteur vert */
.header_3{background-image:url(images/bg_header_vert.jpg);}
/* secteur jaune */
.header_4{background-image:url(images/bg_header_jaune.jpg);}
/* secteur marron */
.header_5{background-image:url(images/bg_header_marron.jpg);}
.header_orange{background-image:url(images/bg_header_orange.jpg);}

#header_gauche
{
	float:left;
	width:180px !important;
	width:205px;
	padding-left:25px;
}
#header_droit
{
	float:left;
	width:575px;
    width:575px !important;
	text-align:left;
	overflow:hidden;
}

#title_accueil
{
    margin:30px 0 2px 36px;
    width:539px !important;
    width:575px;
}


/* ##################### FOOTER ################################ */
#footer{margin:0 6px 0 6px;clear:both;}

.bg_titre_footer
{
    position:relative;
	background-image:url(images/piedpage_centre.gif);
	background-position:left top;
	background-repeat:repeat-x;
	height:21px;   
	line-height:21px;
	font-size:10px;
    color:#fff;
	padding-left:20px;
}
.bg_droit_titre_footer
{
    position:absolute;
	right:0;
    top:0;
	width:13px;height:21px;
	background-image:url(images/piedpage_droite.gif);
	background-repeat:no-repeat;
}

.bg_gauche_titre_footer
{
    position:absolute;
	left:0;
    top:0;
	width:17px;height:21px;
	background-image:url(images/piedpage_gauche.gif);
	background-repeat:no-repeat;
}

/* ##################### CENTRE ################################ */
#centre{margin-bottom:7px;font-size:12px;}
#centre h4
{
    padding-left:15px;
    font-size:11px;
    font-weight:bold;
    background-image:url(images/puce_double_grise.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
}
#centre h4.adresse{font-weight:normal;}
/*#centre ul li a{list-style-image:url(images/puce_simple_grise.gif);list-style-type:none;list-style-position:inside;}*/
/*#centre ul li ul li a{list-style-image:url(images/puce_simple_orange.gif);list-style-type:none;list-style-position:inside;margin:5px 0 3px 10px;}*/
/* ##################### MENU ################################ */
dl,dt,dd,ul,li{margin:0;padding:0;list-style-type:none;}
ul#menu
{
	display:inline;
	padding-bottom:5px;
    margin:0 0 0 35px;
	border-bottom:1px solid #d4d4d4;

}

ul#menu a{color:#000;text-decoration:none;padding-left:10px;padding-bottom:2px;}
ul#menu a:hover
{
	/*color:#FFB716;*/
	background-image:url(images/puce_simple_grise.gif);
	background-position:0 3px !important;
    background-position:0 4px;
	background-repeat:no-repeat;
}
ul#menu a.select
{
	/*
	color:#FFB716;
	font-weight:bold;
	*/
	background-image:url(images/puce_simple_grise.gif);
    background-position:0 3px !important;
	background-position:0 4px;
	background-repeat:no-repeat;
}


ul#menu li {display:inline;list-style-type:none;margin:6px 6px 5px 0px;position:relative}
ul#menu li ul{display:none;position:absolute;top:13px;left:0;background:#fff;z-index:5;margin:0;padding-right:5px;padding-bottom:2px;}
ul#menu li ul li{display:block;margin:0px 5px 1px 0px;font-size:11px;}
ul#menu li:hover>ul{display:block;margin:0;padding:0;}

ul.width_140{width:165px !important;width:154px;}

#menu_secteur
{
	display:inline;
	padding-bottom:5px;
    margin-left:35px;
    width:575px;
    width:540px !important;
}


#menu_secteur li {display:inline;list-style-type:none;margin:5px 5px 5px -1px;}

#menu_cartouche li {display:inline;list-style-type:none;margin:5px 9px 5px -1px !important;margin:0;}
#menu_cartouche li a
{
	display:block;
	float:left;
	margin:1px 2px 0px 5px;
	width:168px;height:33px;
	line-height:36px;
	text-align:left;
    color:#fff;
    font-weight:bold;
	font-size:1.5em;
    background-position:left bottom;
	background-repeat:no-repeat;
}

/* secteur violet */
ul.cartouche_1 li a{background-image:url(images/cartouch_violet_fond_violet.gif);}
ul.cartouche_1 li a:hover{background-image:url(images/cartouche_orange_fond_viole.gif);}
ul.cartouche_1 li a.select{background-image:url(images/cartouche_orange_fond_viole.gif);}
/* secteur bleu */
ul.cartouche_2 li a{background-image:url(images/cartouch_bleu_fond_bleu.gif);}
ul.cartouche_2 li a:hover{background-image:url(images/cartouche_orange_fond_bleu.gif);}
ul.cartouche_2 li a.select{background-image:url(images/cartouche_orange_fond_bleu.gif);}
/* secteur vert */
ul.cartouche_3 li a{background-image:url(images/cartouch_vert_fond_vert.gif);}
ul.cartouche_3 li a:hover{background-image:url(images/cartouche_orange_fond_vert.gif);}
ul.cartouche_3 li a.select{background-image:url(images/cartouche_orange_fond_vert.gif);}
/* secteur jaune */
ul.cartouche_4 li a{background-image:url(images/cartouch_jaune_fond_jaune.gif);}
ul.cartouche_4 li a:hover{background-image:url(images/cartouche_orange_fond_jaune.gif);}
ul.cartouche_4 li a.select{background-image:url(images/cartouche_orange_fond_jaune.gif);}
/* secteur marron */
ul.cartouche_5 li a{background-image:url(images/cartouch_marron_fond_marron.gif);}
ul.cartouche_5 li a:hover{background-image:url(images/cartouche_orange_fond_marron.gif);}
ul.cartouche_5 li a.select{background-image:url(images/cartouche_orange_fond_marron.gif);}
 
/*
#################################################################
###################### PARTIE CENTRALE ##########################
#################################################################
*/

#colonne_gauche
{
	float:left;
	width:205px !important;
    width:200px;
    margin:0px 0px 10px 5px !important;
	overflow:hidden;
}

#colonne_gauche a.select{color:#f39400;}

#colonne_text
{
   float:left;
   width:300px !important;
   width:300px;
   /*height:150px;*/
   margin:12px 0px 5px 12px;
}

#colonne_logo
{
   float:right;
   margin:12px 12px 12px 12px;
   width:150px !important;
   width:150px;
   height:150px;
   text-align:center;
}
#colonne_logo img{border:1px solid;}

.colonne_leftext
{
	float:left;
    margin:12px 20px 5px 12px !important;
    margin:12px 20px 5px 8px;
}
.colonne_leftext img{float:right;margin-left:20px;}
.colonne_leftext h2{padding-bottom:10px;font-size:12px;font-weight:normal;width:300px;}

#colonne_droite
{
	float:right;
	width:300px !important;
	width:300px;
    margin:2px 0 3px 0;
    border:1px solid #969696;
    background-color:#969696;
    overflow:hidden;
}

#colonne_centre
{
	float:left;
	width:540px !important;
    width:540px;
    margin:0px 6px 10px 24px !important;	
}
#colonne_centre h3{font-size:13px;}

/* pour les pages avec du texte */
#colonne_centre_texte
{
	float:left;
	width:480px !important;
    width:480px;
    margin:0px 6px 10px 24px !important;	
}

.block_centreG{float:left;width:300px;}

.block_centreD{float:right;width:215px;}


.corps_centre{position:relative;border-top:2px solid;border-left:2px solid;width:530px !important;width:530px;}
.arrondi{width:9px;height:9px;position:absolute;top:-2px;left:-2px;}

.titre_secteur
{
    margin:5px 18px;
}

.image_secteur{width:260px !important;width:260px;height:260px;}

.texte_block{margin:10px 20px;}

.clr{clear:both;border:0px solid #000;}
.spacer{clear:both;visibility:hidden;height:0px;}


.colonne_vignette
{
    float:left;
    /*border:1px solid #000;*/
    background-color:#fff;
    margin:5px 0px 5px 8px;
    width:150px !important;
    width:150px;
    height:150px;
    text-align:center;
}
.colonne_vignette img{border:1px solid;}

.colonne_visuel
{
    /*border:1px solid #000;*/
    background-color:#fff;
    /*margin-left:115px;*/
    width:483px !important;
    width:483px;
    height:483px;
    text-align:center;
}
.colonne_visuel img{border:1px solid;}
/* ###########################################################
		Les differents modules 
########################################################### */
.module_actu{margin-bottom:20px;}
.module_liste{padding-top:5px;}
.module_separer{height:30px;}
.module_format{height:100px;}
.module_image{margin:20px 0 20px 30px;}
.module_texte{margin:0 30px 20px 30px;}
.module_domaine{width:486px !important;width:516px;margin-left:6px !important;margin-left:11px;}
.module_presentation{font-size:13px;padding-left:5px;width:482px}
.module_presentation li{margin-top:5px;}
.module_presentation ul{margin-bottom:10px;margin-top:10px;}
.module_logo_partenaires{float:left;width:220px !important;margin:10px 10px 10px 10px;width:200px;}
.logo_partenaire{text-align:center;height:135px;}
#intro li
{
	padding-left:8px;
	margin-left:20px;
	list-style-type:disc;
	list-style-position:outside;
}

#stati h3{font-size:12px;margin:0;}

/* block d'introduction */
#introduction
{
	position:relative;
	background:url(images/BG_chapo_milieu.gif) repeat-y 0 0;
	width:442px !important;
	width:482px;
	padding:20px 20px;
	font-size:13px;
	font-style: italic ;
	color:#000;/* orange */
	margin:6px 0;
}
#introduction .intro_haut
{
	position:absolute;top:0;left:0;
	background:url(images/BG_chapo_haut.gif) no-repeat 0 0;
	height:20px;width:482px;
}
#introduction .intro_bas
{
	position:absolute;bottom:0;left:0;
	background:url(images/BG_chapo_bas.gif) no-repeat 0 0;
	height:20px;width:482px;
}
/* ###########################################################
		MISE      EN     FORME     DU       TEXTE
########################################################### */

h1{	margin:0;padding-left:5px;font-size:18px;}
h2{	margin:0;padding-left:5px;font-size:14px;}
h3{	font-size:12px;margin:8px 0 12px 0;}
h4{	margin:0;padding-left:5px;font-size:14px;font-weight:lighter;color:#000;}
h5{	margin:0;font-size:11px;font-weight:lighter;}
h6{	margin:0;padding-left:5px;font-size:10px;font-weight:lighter;}



.font_weight{font-weight:lighter;}
/*p{margin:0;padding:0;}*/
.ligne_hauteur{line-height:17px;}
.ligne_hauteur_gras{line-height:18px;}
.font_size{font-size:11px;}

.texte_align{text-align:center;}
.align_left{text-align:left;}
.pad_conseil{margin-top:5px;}
.pad_20_10{padding:20px 0 10px 0;}
.pad_20_0{padding:20px 0 0 0;}
.pad_0_10{padding:0 0 10px 0;}
.pad_left{padding-left:4px;}
.pad_5_15{padding:5px 15px 5px 15px;}
.pad_5_10{padding:8px 0px 5px 12px;}
.pad_top{padding-top:30px;}

.margin_left_top{margin-left:15px;margin-top:8px;}
.margin_left{margin-left:15px;}
.margin_7_6{margin:0 7px 0 6px;}
.margin_20_5{margin:20px 0 5px 0;}
.margin_top{margin-top:5px;}
.margin_bouttom_8{margin-bottom:8px;}
.margin_bouttom{margin-bottom:15px;}
.margin_left_107{margin-left:107px;}

/*.width{width:260px;}*/
.lien
{
    text-decoration:none;
    padding-left:12px;
    padding-right:5px;
    font-size:10px;
    font-weight:lighter;  
    background-image:url(images/puce_simple_orange.gif); 
	background-position:0 4px;
	background-repeat:no-repeat;   
} 
.lien_externe{padding-left:5px;}
.sousligner{text-decoration:underline;}
a{text-decoration:none;color:#000;} 
a:hover{text-decoration:none;}

hr
{
	margin:0;
	border:none;
	height:1px;
	clear:both;
}

.important{	color:#FF0000;font-size:11px;}

.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}

/* ###########################################################
		MISE EN FORME DES IMAGES
########################################################### */
img{border:none;vertical-align:middle;}

.img_gauche{float:left;	margin:0 15px 10px 0;}
.img_droite{float:right;margin:0 0 10px 15px;}
.img_formes_colorees{margin:2px 0 -3px 12px;}
/* ## le block TITRE */
.titre_bg
{
	position:relative;
	/*background-image:url(images/bgmilieu_cartouche_orange.gif);*/
    background-image:url(images/bgmilieu_cartouche_orange.png);
	background-position:left top;
	background-repeat:repeat-x;
	height:27px;
	line-height:27px;
	font-size:15px;
	font-family:Lucida,Verdana,Arial, Helvetica,sans-serif;
	padding-left:10px;
}
.bg_droit_titre
{
	position:absolute;
    top:0;
	margin:0;padding:0;
	right:-2px;
	width:9px;height:27px;
	/*background-image:url(images/bgdroit_cartouche_orange.gif);*/
    background-image:url(images/bgdroit_cartouche_orange.png);
	background-repeat:no-repeat;
}
.bg_gauche_titre
{
	position:absolute;
    top:0;
	margin:0;padding:0;   
	left:-2px;
	width:9px;height:27px;
	/*background-image:url(images/bggauche_cartouche_orange.gif);*/
    background-image:url(images/bggauche_cartouche_orange.png);
	background-repeat:no-repeat;
}



/* ###########################################################
		LES  PAGES REFERENCES
########################################################### */

#module_references
{ 
 /*padding-left:5px;*/
 text-align:center;
}

#module_references h1{margin-left:50px;font-size:18px;}
#module_references p{margin:10px 20px;}
#module_references p img{float:left;margin:0 10px 10px 0;}
/* ###########################################################
		LA  PAGE   CONTACT
########################################################### */

#module_contact
{
	float:center;
	width:400px;
    background-color:#fff;
    margin-top:8px;
    margin-left:55px;
}
#module_contact #intro{font-size:14px;margin-bottom:2px;}

#module_contact label
{
	float:left;
	width:100px !important;
	width:107px;
	text-align:right;
    font-size:11px;
    padding-top:4px;
    padding-right:7px;
}


#module_contact input{border:1px solid;margin-bottom:2px;float:left;width:290px;}
#module_contact select{border:1px solid;width:250px;margin-bottom:5px;width:290px;}
#module_contact textarea{border:1px solid;margin-bottom:5px;float:left;width:290px;}
#module_contact input.checkbox{width:10px;}

#module_contact input.bouton
{
	float:left;
	width:80px;
	font-weight:bold;
}

#module_contact input.noborder
{
	float:left;
	margin-right:70px;
	width:103px;
    border:0px;
}

#module_contact input.hover
{
	float:left;
	margin-right:70px;
	width:80px;
	color:#FFB716;
    background-color:#000; 
	font-weight:bold;
}
/* ###########################################################
		                 WISWIG
########################################################### */
.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}
.titre_rouge
{
	color:#cc0100;
	font-size:16px;
}
.titre_bleu
{
	color:#0e54a3;
	font-size:16px;
}
.rouge{color:#cc0100;}
.bleu{color:#0e54a3;}


#flashcontent{
	/*height:185px;*/
	margin:20px 10px;
}