/*
--------------------- global ---------------------
*/

* {margin:0; padding:0;font-family: Arial, Helvetica, sans-serif;}
img {border:none;}
body {background-color:#fff;}
li {list-style-type:none;}
a:focus {outline:0;}
a {text-decoration: none;color:#000;}
a:hover {color:#d3014a;}
h2 {
	padding:10px 0 10px 5px;
	background-color:transparent;
	background-image:url(images/soulign.jpg);
	background-position:left bottom;
	background-repeat:no-repeat
	}
h3 {color:#911e57; font-size:120%;margin:30px 0 5px 0;}
h4 {
	background-image:url(images/filet_h4.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:8px;
	text-indent:5px;
	}
h5 {
	margin-bottom:10px;
	font-size:100%;
	background-image: url(images/puce.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:20px;
	}
h6 {font-size:100%; font-weight: bold; padding-bottom: 10px;}
em {}
p {font-size:85%;margin-bottom:10px;}
blockquote, em {font-size:85%; font-style:italic;}
cite {font-size:70%; font-weight:bold;}
a.lien_rouge {text-decoration: none;color:#d3014a; font-size:85%;font-weight:bold;}
a.lien_rouge:hover {color:#000;}
a.pdf {display:block;clear:both;font-size:85%;color:#d3014a;font-weight:bold; margin-bottom:15px;}
a.pdf:hover {color:#000;}
a.telecharge {
	float:left;
	font-size:90%;
	text-decoration: none;
	color:#d3014a;
	font-weight:bold;
	padding:80px 40px 0 10px;
	}
.les_annonces {
	background-image:url(images/pdf.jpg);
	background-position:180px 80px;
	background-repeat:no-repeat;
	}
.la_plaquette {
	background-image:url(images/pdf.jpg);
	background-position:185px 80px;
	background-repeat:no-repeat;
	}
.le_depliant {
	background-image:url(images/pdf.jpg);
	background-position:215px 80px;
	background-repeat:no-repeat;
	}
.la_fiche{
	background-image:url(images/pdf.jpg);
	background-position:260px 80px;
	background-repeat:no-repeat;
	}
.les_cartes{
	background-image:url(images/pdf.jpg);
	background-position:230px 80px;
	background-repeat:no-repeat;
	}
a.telecharge:hover {color:#000;}
.float {float:left;}
.separateur {visibility:hidden; clear:both;}
.gros_titre {font-weight:bold; font-size:4.5em;color:#8a1e5c; letter-spacing:-0.03em;}
.violet {color:#911e57; font-weight:bold;}
.cadre {border:#911e57 solid 1px; padding:8px;font-weight:bold; background-color:#e9e9e9;}
/*
--------------------- container ---------------------
*/
#container {
	width:950px;
	margin:0 auto;
	background-color:#e9e9e9;
	background-image:url(images/background_container.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
#container_accueil {
	width:950px;
	margin:0 auto;
	min-height:700px;
	background-color:#e9e9e9;
	background-image:url(images/fond_index_v2.jpg);
	background-position:0px 10px;
	background-repeat:no-repeat;
	}

/*
--------------------- header ---------------------
*/

#header {
	width:950px;
	float:left;
	background-color:#fff;
	/*background-image:url(images/accroche.jpg);
	background-position:top right;
	background-repeat:no-repeat;*/
	}
#header h1 {position:absolute;left:-5000px;top:-5000px;}
#header img {float:left;}

/*
--------------------- navigation ---------------------
*/

#navigation {
	width:950px;
	height:75px;
	clear:both;
	background-color:transparent;
	background-image:url(images/background_nav.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	}
#navigation li {
	display: block;
	float:left;
	margin: 0 10px;
	padding:20px 0 0 0;
	}
#navigation a {
	display: block;
	float:left;
	text-decoration: none;
	color:#000;
	padding: 0 10px 15px 10px;
	}
#navigation a:hover {
	color:#d3014a;
	background-image:url(images/nav_over1.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
#navigation a span {display:block;clear:both;font-weight:bold;}
#navigation  a.active {
	color:#d3014a;
	background-image:url(images/nav_over1.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
#navigation  a.active1 {
	color:#d3014a;
	background-image:url(images/nav_over2.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
#navigation  a.active2 {
	color:#d3014a;
	background-image:url(images/nav_over3.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
#navigation a.lien1:hover {
	background-image:url(images/nav_over2.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
#navigation a.lien2:hover {
	background-image:url(images/nav_over3.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

/*
--------------------- accueil ---------------------
*/

#col_accueil {float:left;width:470px;margin:30px 75px 0px 110px;}
/*
--------------------- colonne actu accueil ---------------------
*/
#col_droite_accueil {float:left;width: 257px;margin-bottom:15px;}
#col_droite_accueil_haut {
	height:50px;
	background-color:transparent;
	background-image:url(images/fond_col_actu_haut.png);
	background-position:top left;
	background-repeat:no-repeat;
	}
#col_droite_accueil_middle {
	padding: 10px 35px 25px 35px;
	background-color:transparent;
	background-image:url(images/fond_col_actu_middle.png);
	background-position:top right;
	background-repeat:repeat-y;
	}
#col_droite_accueil_bas {
	height:50px;
	background-color:transparent;
	background-image:url(images/fond_col_actu_bas.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

/*
--------------------- colonne gauche ---------------------
*/

#col_gauche {float:left;width:170px;padding:30px 0 0 0;}
#sous_menu {font-weight:bold; font-size:85%;}
#sous_menu li {padding-left:20px;margin-bottom:15px;}
#sous_menu a {
	display:block;
	padding-left:20px;
	padding-bottom:8px;
	background-color:transparent;
	background-image:url(images/puce_sousmenu.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
#sous_menu a:hover {
	background-color:transparent;
	background-image:url(images/sousmenu_over.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
#sous_menu a.visit {
	color:#d3014a;
	background-color:transparent;
	background-image:url(images/sousmenu_over.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	cursor:default;
	}
/*
--------------------- colonne contenu ---------------------
*/

#col_contenu {
	float:left;
	width: 715px;
	padding:0 0 0 25px;
	margin-top:13px;
	background-color:transparent;
	background-image:url(images/background_colonne.png);
	background-position:top right;
	background-repeat:repeat-y;
	}
/*
--------------------- col_une ---------------------
*/
#col_une ul {
	list-style-position:outside;
	list-style-image:url(images/puce.gif);
	padding-left:15px;
	}
#col_une ul .detail {
	list-style-position:outside;
	list-style-image:url(images/puce_detail.gif);
	padding-left:15px;
	}
#col_une li .detail {
	font-size:120%;
	line-height:120%;
	margin-bottom:10px;
	}
	
#col_une li {
	font-size:85%;
	line-height:120%;
	margin-bottom:10px;
	}
#col_contenu span {
	color:#911e57;
}
#col_contenu .rose {color:#911e57; font-size:110%;}
#col_une {
	float:left;
	width: 415px;
	min-height:300px;
	padding-left:50px;
	padding-top:40px;
	}
#col_contenu #col_une .rose {
	color:#911e57;
}
#col_contenu #col_une .rose:hover
 {
	color:#d3014a;
}
/*
--------------------- col_partenaires ---------------------
*/

#col_partenaires {
	float:left;
	width: 454px;
	padding-left:50px;
	padding-top:40px;
	}
#col_partenaires ul {float:left;width:454px;list-style-type:none;margin-bottom:15px;}
#col_partenaires li {font-size:85%;}
#col_partenaires li a {color:#d3014a;font-weight:bold;}
#col_partenaires li a:hover {color:#000;font-weight:bold; text-decoration:underline;}
.logo { display:block; float:left; width:125px; height:75px;margin-right:15px;}
table {width: 454px;border-collapse:collapse; font-size:85%;}
th {text-align:left;}
th, td {padding:5px; border:#b05f97 solid 1px;}

/*
--------------------- col_deux ---------------------
*/
#col_deux {
	float:left;
	width: 206px;
	min-height:245px;
	padding-left:40px;
	background-image:url(images/motif_haut.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
a.annonce {
	display:block;
	width:170px;
	font-weight:bold;
	font-size:90%;
	color:#d3014a;
	background-color:#fff;
	background-image:url(images/cartouche_annonces.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:9px 0 7px 10px;
	margin:40px 0;
	}
a.annonce:hover {font-weight:bold;color:#000;}
#col_deux.fond {
	background-color:transparent;
	background-image:url(images/background_colonne.png);
	background-position:top right;
	background-repeat:repeat-y;
	}
.actu {
	width:185px;
	list-style-type:none;
	font-size:85%;
	padding-bottom:10px;
	margin-top:10px;
	background-color:transparent;
	background-image:url(images/filet_actu.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
.actu li {padding-bottom:3px;}
.date {color:#941f63;font-size:82%; font-weight:bold;}
.titre_actu {font-size:120%; font-weight:bold;color:#941f63;}
a.lire_suite {
	display:block;
	clear:both;
	text-decoration: none;
	color:#d3014a;
	font-weight:bold;
	font-size:85%;
	text-indent:20px;
	background-image:url(images/puce_suite.gif);
	background-position:left center;
	background-repeat:no-repeat;
	}
a.lire_suite:hover {color:#000;}
/*
--------------------- col_trois ---------------------
*/
#col_trois {
	float:left;
	width: 661px;
	padding-left:50px;
	padding-top:40px;
	background-image:url(images/motif_haut.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
#col_trois p {width:600px;}

/*
--------------------- footer_contenu ---------------------
*/
#footer_contenu {
	clear:both;
	height:50px;
	margin-left:209px;
	background-color:transparent;
	background-image:url(images/background_footer_contenu.png);
	background-position:top left;
	background-repeat:no-repeat;
	}

/*
--------------------- gribouillis ---------------------
*/
#motif {
	position:relative;
	margin-top:-192px;
	vertical-align:bottom;
	height:192px;
	width:225px;
	background-color:transparent;
	background-image:url(images/gribouillis.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

/*
--------------------- footer ---------------------
*/

#footer {
	clear: both;
	width:950px;
	height:40px;
	background:#e9e9e9;
	}
#footer_accueil {
	clear: both;
	width:950px;
	height:20px;
	background:transparent;
	}
#footer_background {
	clear: both;
	width:950px;
	height:40px;
	background-color:#e9e9e9;
	background-image:url(images/background_footer.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
#footer p,#footer_accueil p, #footer_background p{float:right; margin-right:45px;font-size:65%;}
#footer img,#footer_accueil img, #footer_background img { vertical-align:middle;}