body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-attachment: fixed;
	background-color: #ffffff;
	background-position: center top;
	background-image: url(/images/commun/page_fond.jpg);
	background-repeat: no-repeat;
}
body, table {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a {
	color: #e3025c;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
/* Supprime les bordures dans les elements fieldset et img */
fieldset, h1, h2, h3; div, form, ul, li, p, img, img a {
	border : 0;
	margin: 0;
	padding: 0;
}

.fin_float {
    clear: both;
	float: none;
    font-size: 0px;
    line-height: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0;
    height: 0;
    overflow: auto;
    visibility: hidden;
    display: block;
}

input[type="submit"] {
	cursor: pointer;
}

input[type="reset"] {
	cursor: pointer;
}

p {
	margin-bottom: 10px;
}

#conteneur {
	position: relative;
	clear: both;
	width: 940px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 15px;
	padding: 0 0 0 0;
}


.trie {
	float: right;
	width: 10px;
	margin-left: 5px;
}

.trie img {
	margin-bottom: 1px;
}


/****************/
/* menu gauche */
/**************/
#menug {
	position: fixed;
	left: 0;
	top: 180px;
	z-index: 3;
	width: 190px;
}

.menug_haut {
	height: 55px;
	background: url(/images/commun/menug_haut.png) left top no-repeat;
}

.menug_bas {
	height: 60px;
	background: url(/images/commun/menug_bas.png) left top no-repeat;
}

.menug_centre {
	padding: 0 25px 0 10px;
	background: url(/images/commun/menug_centre.png) left bottom no-repeat;
}

#menug ul {
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menug li {
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 0 1px 0
}

#menug ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin-bottom: 2px;
}

#menug ul li a:hover, #menug ul li a.active {
	padding-right: 10px;
	color: #e3025c;
}

#menug ul ul {
	font-weight: normal;
	margin: 0 10px 5px 0;
	padding: 0 0 0 0;
	background-image: none;
}

#menug ul ul li a {
	display: block;
	color: #e3025c;
	text-decoration: none;
	margin-bottom: 2px;
	padding-right: 15px;
	background: url(/images/commun/menug_puce_niv2.png) right -57px no-repeat;
}

#menug ul ul li a:hover, #menug ul ul li a.active {
	color: #000000;
	padding-right: 15px;
	background: url(/images/commun/menug_puce_niv2.png) right 3px no-repeat;
}


/* inscription newsletter */
#cv3-newsletter {
	clear: both;
	color: #ffffff;
	margin-bottom: 10px;
}

#cv3-newsletter-top {
	height: 18px;
	background: url(/images/commun/newsletter_top_fond.png) left top no-repeat;
}

#cv3-newsletter-middle {
	text-align: left;
	padding: 5px;
	background-color: #000000;
}

#cv3-newsletter input {
	width: 138px;
	font-size: 11px;
	color: #000000;
	margin: 0 0 5px 0;
	padding: 2px 0 2px 5px;
	border: solid 1px #ffb800;
	background-color: #ffb800;
}

#menug #cv3-newsletter ul {
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menug #cv3-newsletter li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 1px 0
}

#menug #cv3-newsletter ul li a {
	display: block;
	color: #ffb800;
	text-decoration: none;
	margin-bottom: 3px;
}

#menug #cv3-newsletter ul li a:hover {
	padding-left: 10px;
	color: #ffffff;
}





/**************/
/* haut page */
/************/
#haut {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 940px;
	height: 240px;
	background: url(/images/commun/haut_fond.png) left top no-repeat;
}

#haut img {
	border: none;
}

#haut .logo a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#haut .baseline {
	position: absolute;
	top: 30px;
	left: 230px;
	z-index: 2;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}

#haut .haut_mains {
	position: absolute;
	top: 70px;
	left: 230px;
	z-index: 2;
}

#haut .contacter {
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 2;
}

#haut .contacter a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.menuhaut {
	position: absolute;
	top: 145px;
	left: 210px;
	z-index: 2;
}

.sf-menu, .sf-menu * {
	list-style: none;
	font-size: 14px;
	line-height: 17px;
	display: block;
	margin: 0;
	padding: 0;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 200px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu a.encours:link, .sf-menu a.encours:visited, .sf-menu a.encours:hover {
	color: #e3025c;
	background-position: left -54px;
	background-image: url(/images/commun/sf-menu_niv1_puce.png);
	background-repeat: no-repeat;
}

.sf-menu li {
	float: left;
	position: relative;
	padding: 0 0 0 0;
}

.sf-menu a:link, .sf-menu a:visited {
	display: block;
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffb800;
	margin: 0 10px 0 0;
	padding: 0 0 20px 20px;
	background-position: left 6px;
	background-image: url(/images/commun/sf-menu_niv1_puce.png);
	background-repeat: no-repeat;
}

.sf-menu a:hover {
	color: #e3025c;
	background-position: left -54px;
}

.sf-menu ul  {
	margin: 0 0 0 0;
	padding-bottom: 50px;
	background-position: left bottom;
	background-image: url(/images/commun/sf-menu_ul_fond.png);
	background-repeat: no-repeat;
}

.sf-menu ul li a:link, .sf-menu ul li a:visited {
	display: block;
	font-size: 12px;
	line-height: 15px;
	text-transform: none;
	color: #ffb800;
	margin: 0 0 0 0;
	padding: 8px 10px 0 35px;
	background-color: #000000;
	background-position: 10px 12px;
	background-image: url(/images/commun/sf-menu_niv1_puce.png);
	background-repeat: no-repeat;
}

.sf-menu ul li a:hover {
	color: #e3025c;
	background-position: 10px -48px;
}

.sf-menu ul a.encours:link, .sf-menu ul a.encours:visited, .sf-menu ul a.encours:hover {
	text-decoration: none;
	color: #e3025c;
	background-position: 10px -48px;
	background-image: url(/images/commun/sf-menu_niv1_puce.png);
	background-repeat: no-repeat;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 30px; /* match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}


.sf-menu .sf-menu-g ul li li {
	left: -383px; /* match ul width */
	top: 0;
}


html>/**/body .sf-menu .sf-menu-g ul li li {
	left: -400px; /* match ul width */
	top: 0;
}


html>/**/body ul.sf-menu li li:hover ul, html>/**/body ul.sf-menu li li.sfHover ul {
	left: 200px;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 200px; /* match ul width */
	top: 0;
}


/*** arrows **/
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			15px;
	text-indent: 	-999em;
	overflow:		hidden;
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 0.5em;
	
	background-position: left -100px;
	background-image: url(/images/commun/sf-sub-indicator.gif);
	background-repeat: no-repeat;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: left -100px;
	background-repeat: no-repeat;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: left top; background-repeat: no-repeat; }
.sf-menu ul a > .sf-sub-indicator { background-position: left top; background-repeat: no-repeat; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: left -100px; /* arrow hovers for modern browsers*/
	background-repeat: no-repeat;
}








/****************/
/* centre page */
/**************/

#contenu {
	width: 760px;
	margin: 0 0 0 160px;
	padding: 240px 0 20px 0;
	background-color: #ffffff;
}



/* chemin */
.chemin {
	clear: both;
	text-align: right;
	font-size: 10px;
	line-height: 12px;
	padding: 0 30px 5px 10px;
}
.chemin ul {}

.chemin ul li {
	display: inline;
	color: #e3025c;
}

.chemin ul li a:link, .chemin ul li a:visited {
	color: #454545;
	text-decoration: none;
	margin-right: 5px;
	padding-right: 12px;
	background-position: right 3px;
	background-image: url(/images/commun/chemin_puce.gif);
	background-repeat: no-repeat;
}

.chemin ul li a:hover {
	color: #e3025c;
	background-position: right -57px;
}



/* actu/liens/face */
#actu {
	clear: both;
	margin: 0 0 40px 30px;
}

#actu a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#actu .cols {
	float: left;
	width: 350px;
	height: 480px;
}

#actu .news {
	width: 340px;
	margin-right: 20px;
}

/* news */
#cv3-news {
	font-size: 11px;
	line-height: 16px;
}

#cv3-news a {
	color: #e3025c;
	text-decoration: underline;
}

#cv3-news a:hover, #cv3-news a.active {
	color: #333333;
	text-decoration: none;
}

#cv3-news-top {}

#cv3-news-middle {
	height: 180px;
	margin: 0 15px 0 25px;
	padding: 0 15px 0 0;
	overflow: auto;
}

#cv3-news-middle .cv3-news-item {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#cv3-news-middle .cv3-news-item p {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

#cv3-news-middle .cv3-news-item img {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}

#cv3-news-middle .cv3-news-item p.cv3-news-title {
	font-size: 12px;
	color: #e3025c;
	text-transform: uppercase;
	margin: 0 0 3px 0;
	padding: 0;
}

#cv3-news-middle .cv3-news-item img.vignette-info {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}


#cv3-news-middle .cv3-news-separator {
	height: 10px;
	margin: 0;
	padding: 0;
}

#cv3-news-bottom {
	height: 10px;
	margin: 0;
	padding: 0;
}

/* news */
#agenda {
	font-size: 11px;
	line-height: 16px;
}

#agenda a {
	color: #e3025c;
	text-decoration: underline;
}

#agenda a:hover, #agenda a.active {
	color: #333333;
	text-decoration: none;
}

#agenda-top {}

#agenda-middle {
	height: 180px;
	margin: 0 15px 0 25px;
	padding: 0 15px 0 0;
	overflow: auto;
}

#agenda-middle .agenda-item {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#agenda-middle .agenda-item p {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0;
}

#agenda-middle .agenda-item img {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}

#agenda-middle .agenda-item p.agenda-title {
	text-transform: uppercase;
	margin: 0 0 3px 0;
	padding: 0;
}

#agenda-middle .agenda-item img.vignette-info {
	margin: 0 0 0 0;
	padding: 0;
	border: 0;
}

#agenda-middle .agenda-item span.agenda-date {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 5px 0 0;
	padding: 3px 5px 1px 5px;
	background-color: #e3025c;
}

#agenda-middle .agenda-separator {
	height: 10px;
	margin: 0;
	padding: 0;
}

#agenda-bottom {
	height: 0;
	margin: 0;
	padding: 0;
}


#actu .facebook {
	margin-top: 10px;
	width: 340px;
	border-right: 1px solid #999999;
}

#actu .facebook .twitter {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
 padding:10px;
}







/*************/
/* bas page */
/***********/
/* menu bas */
#basdepage {
	clear: both;
	margin: 10px 0 0 0;
}



#basdepage .basnav {
	clear: both;
	width: 630px;
	margin-left: 45px;
	padding: 15px 30px 10px 10px;
	background-position: left top;
	background-image: url(/images/commun/basnav_fond.jpg);
	background-repeat: no-repeat;
}

#basdepage .basnav ul {
	font-size: 11px;
	list-style-type: none;
	padding: 10px 0 0 35px;
	margin: 0 0 0 0;
}

#basdepage .basnav li {
	float: left;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 1px 0;
	margin: 0 0 0 0;
}

#basdepage .basnav ul li a {
	display: block;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0 11px 0 0;
	padding: 0 0 0 8px;
	background-position: left 6px;
	background-image: url(/images/commun/menubis_puce.gif);
	background-repeat: no-repeat;	
}

#basdepage .basnav ul li a:hover {
	color: #e3025c;
	background-position: left -54px;
	background-image: url(/images/commun/menubis_puce.gif);
	background-repeat: no-repeat;	
}

#basdepage .coord_haut {
	clear: both;
	width: 730px;
	height: 25px;
	margin-left: 15px;
	background-position: left top;
	background-image: url(/images/commun/basdepage_coord_haut.jpg);
	background-repeat: no-repeat;
}

#basdepage .coord {
	clear: both;
	width: 730px;
	margin-top: -5px;
	margin-left: 15px;
	padding: 0 0 25px 30px;
	background-position: left bottom;
	background-image: url(/images/commun/basdepage_coord_fond.jpg);
	background-repeat: no-repeat;
}

#basdepage .coord .adresse {
	float: left;
	width: 150px;
	color: #ffffff;
	line-height: 18px;
}

#basdepage .coord .adresse a {
	color: #ffffff;
	text-decoration: none;
}

#basdepage .coord .adresse a:hover {
	color: #ffb800;
	text-decoration: none;
}


#basdepage .raccourci {
	float: left;
	width: 510px;
	font-size: 11px;
	line-height: 14px;
	color: #ffb800;
	margin-left: 15px;
	padding-bottom: 15px;
}

#basdepage .raccourci ul {
	float: left;
	width: 230px;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	border-left: 1px solid #ffb800;
}

#basdepage .raccourci li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

#basdepage .raccourci ul li a {
	color: #ffb800;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	background-position: left 3px;
	background-image: url(/images/commun/basdepage_raccourci_puce.gif);
	background-repeat: no-repeat;	
}

#basdepage .raccourci ul li a:hover {
	color: #ffffff;
	background-position: left -57px;
}

#basdepage .agreer {
	clear: both;
	width: 610px;
	margin-left: 45px;
	padding: 3px 10px 30px 50px;
	background-position: left bottom;
	background-image: url(/images/commun/basdepage_agreer_fond.jpg);
	background-repeat: no-repeat;
}

#basdepage .agreer .texte {
	float: left;
	width: 150px;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

#basdepage .agreer .texte p {
	line-height: 16px;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}

#basdepage .agreer img {
	float: left;
	border: none;
	margin-left: 20px;
}

#basdepage .agreer img a {
	border: none;
}

#basdepage .agreer a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}