body, h2{
margin:0;
padding:0;
font:Arial, Helvetica, sans-serif;
background-color:#efefef;
}

p, h1{
margin:0;
padding:0;
}

/*******************/
/***** Header ******/
/*******************/
#header-container{
width:100%;
background-color:#0d2c53;
}

#header{
width:1005px;
height:81px;
margin:0 auto;
overflow:inherit !important;
overflow:hidden;
}

#header #logo{
position:relative;
top:-81px;
left:0px;
}

#header #ban-promo{
width:468px;
height:60px;
position:relative;
top:-70px;
left:550px;
}

/*******************/
/***** Footer ******/
/*******************/
#footer-container{
width:100%;
height:31px;
background:url(img/footer_bg.jpg) top left repeat-x;
position:absolute;
bottom:0;
margin:10px 0 0 0;
}

#footer{
width:1005px;
margin:0 auto;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
padding-top:6px;
}

#footer a, #footer a:hover{
color:#fff;
text-decoration:none;
}

/*******************/
/******* Menu ******/
/*******************/
#menu-container{
width:100%;
background:url(img/menu_bg.jpg) #efefef top left repeat-x;
}

#menu{
width:855px;
height:28px;
margin:0 auto;
padding-left:150px;
}

#menu a{
display:block;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
padding-top:5px;
text-decoration:none;
}

#menu a:hover{
display:block;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#000;
padding-top:5px;
text-decoration:none;
}

#menu img{
float:left;
margin:0 20px 0 20px;
}

#illu-menu{
width:1004px;
height:210px;
margin:0 auto;
background:url(img/fond_bandeau.jpg) top left no-repeat;
overflow:hidden;
}

#illu-partenaires{
margin:9px 0 0 170px;
}

#illu-menu p{
float:left;
width:465px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

#illu-menu h1{
float:left;
width:465px;
font:18px Arial, Helvetica, sans-serif;
color:#cd0039;
margin:20px 0 10px 0;
}

#illu-menu #cartes{
float:left;
margin:37px 0 0 88px !important;
margin:37px 0 0 44px;
}

/*******************/
/***** Contenu *****/
/*******************/
#content-container{
width:100%;
padding-top:20px;
}

#content{
width:1005px;
margin:0 auto;
height:315px;
}

/********************/
/***** Box menu *****/
/********************/
.box{
float:left;
width:325px;
height:315px;
background-color:#fff;
}

.margr15{
margin-right:15px;
}

.box .title-rose{
width:315px;
height:21px;
background:url(img/title_bg.gif) top left repeat-x;
font:16px Arial, Helvetica, sans-serif;
color:#fff;
padding:3px 0 0 10px;
}

.box .title-orange{
width:315px;
height:21px;
background:url(img/actualites_title.gif) top left repeat-x;
font:16px Arial, Helvetica, sans-serif;
color:#fff;
padding:3px 0 0 10px;
}

.box-content{
width:323px;
height:290px;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
}

.box-content p.title{
margin:0 0 0 10px;
padding:0;
font:18px Arial, Helvetica, sans-serif;
color:#cd0039;
}

.box-content p.actualites{
margin:0 0 0 10px;
padding:0;
font:18px Arial, Helvetica, sans-serif;
color:#f8a100;
line-height:18px;
}

.box-content p.content{
margin:5px 0 0 10px;
padding:0;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
width:280px;
height:70px;
}

.box-content p.content-actualites{
margin:5px 0 0 10px;
padding:0;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
width:280px;
height:56px;
}

.box-content img.savoir_plus{
margin:0 0 0 10px;
padding:0;
}

.box-content img.savoir_plus_programmes{
margin:0 0 0 10px !important;
margin:5px 0 0 10px;
padding:0;
}

#programmes-flash{
width:323px;
height:168px;
}

/****************************/
/***** Contenu interne ******/
/****************************/
#content-in{
width:1005px;
background:url(img/bottom_in.jpg) bottom left no-repeat;
padding-bottom:320px;
margin:5px auto 0 auto;
}

/********************************/
/***** Comment ça marche ? ******/
/********************************/
.box-brand{
width:739px;
background-color:#fff;
border-left:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
margin:0 auto 11px auto;
}

.box-brand .title{
width:724px;
height:21px;
background:url(img/title_bg.gif) top left repeat-x;
padding:3px 0 0 15px;
font:16px Arial, Helvetica, sans-serif;
color:#fff;
}

.box-brand .illu{
width:739px;
height:138px;
background:url(img/ccm_bg.jpg) top right no-repeat;
}

.box-brand .illu .img{
float:left;
width:209px;
height:117px;
}

.box-brand .illu p{
float:left;
text-align:left;
font:18px Arial, Helvetica, sans-serif;
margin:35px 0 0 80px;
}

.ftrose{
color:#cd0039;
}

.mgl5{
margin-left:5px;
}

.ft9{
font:9px Arial, Helvetica, sans-serif;
}

.box-brand .content-brand{
width:709px;
background-color:#fff;
padding:15px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

.box-brand .content-brand ul{
padding:0;
margin:0 0 10px 23px;
list-style-type:disc;
}

.box-brand .content-brand .top{
display:block;
float:right;
width:100px;
height:12px;
font:9px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
text-align:right;
}

/***** Classes boutons *****/
.box-brand a.btn-s, box-brand a.btn-s:hover{
display:inline-block;
width:236px;
height:16px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
background:url(img/btn_m.gif) top left no-repeat;
padding-top:3px;
}

.box-brand a.btn-m, box-brand a.btn-m:hover{
display:inline-block;
width:223px;
height:16px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
background:url(img/btn_s.gif) top left no-repeat;
padding-top:3px;
}

.box-brand a.btn-l, box-brand a.btn-l:hover{
display:inline-block;
width:254px;
height:16px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
background:url(img/btn_l.gif) top left no-repeat;
padding-top:3px;
}

.box-brand a.btn-xl, box-brand a.btn-xl:hover{
display:inline-block;
width:264px;
height:16px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
background:url(img/btn_xl.gif) top left no-repeat;
padding-top:3px;
}

.box-brand a.btn-xxl, box-brand a.btn-xxl:hover{
display:inline-block;
width:296px;
height:16px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
background:url(img/btn_xxl.gif) top left no-repeat;
padding-top:3px;
}

.box-brand a.btn-xxxl, box-brand a.btn-xxxl:hover{
display:inline-block;
width:325px;
height:16px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
background:url(img/btn_xxxl.gif) top left no-repeat;
padding-top:3px;
}

/***** Menu transparent *****/
#menu-ccm{
float:left;
width:182px;
height:195px;
margin:0 100px 0 130px !important;
margin:0 100px 0 65px;
}

#menu-ccm #content{
width:166px;
height:182px;
padding:3px 0 0 16px;
font:11px Arial, Helvetica, sans-serif;
color:#000000;
position:relative;
top:-195px;
}

#menu-ccm #bg_transparent{
width:182px;
height:195px;
background-color:#fff;
filter:alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;
}

#menu-ccm ul{
margin:0 0 0 15px;
padding:0;
list-style-image:url(img/liste.gif);
font:9px Arial, Helvetica, sans-serif;
color:#000;
}

#menu-ccm li{
height:10px;
}

#menu-ccm li a{
display:block;
font:9px Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
text-decoration:none;
line-height:10px;
}

#menu-ccm li a:hover{
display:block;
font:9px Arial, Helvetica, sans-serif;
color:#cd0039;
font-weight:bold;
text-decoration:none;
line-height:10px;
}

/***************************/
/***** Les actualités ******/
/***************************/
#actualites-container{
width:738px;
margin:10px auto 0 auto;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
background-color:#fff;
}

#actualite-title{
width:723px;
height:22px;
background:url(img/actualites_title.gif) top left repeat-x;
padding:2px 0 0 15px;
font:16px Arial, Helvetica, sans-serif;
color:#fff;
}

#actualite-content{
width:708px;
padding:10px 0 15px 15px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

#actualite-content #date{
width:708px;
height:25px;
}

#actualite-content #article{
width:708px;
}

#actualite-content #article p{
margin-bottom:10px;
}

#actualite-content #article img{
float:left;
margin:0 10px 5px 0;
}

#actualite-content #article .btn-actu{
position:absolute;
margin:-26px 0 0 120px;
padding:0;
}

#actualite-content #article #par-vacances{
height:310px;
}

#actualite-content #article #par-vacances img{
margin-top:5px;
}

#actualite-content #article #par-vacances a, #actualite-content #article #par-vacances a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}

#actualite-content #article #aclub1{
height:260px;
}

#actualite-content #article #euro1{
height:150px;
}

.ftorange{
color:#ee7f01;
}

#actualite-content #actualites-nav{
width:708px;
height:19px;
margin-top:10px;
}

#actualite-content #actualites-nav #news-pre{
float:left;
margin-left:450px;
}

#actualite-content #actualites-nav #news-pre-last{
float:left;
margin-left:582px;
}

#actualite-content #actualites-nav #news-suiv{
float:right;
}

.ft10{
font:10px Arial, Helvetica, sans-serif;
}
/***************************************/
/***** Nos programme participants ******/
/***************************************/
.box-brand .programmes-content-aclub{
width:739px;
height:207px;
}

.box-brand .programmes-content-clubtotal{
width:739px;
height:180px;
}

.box-brand .programmes-content-rci{
width:739px;
height:225px;
}

.box-brand .programmes-content-ald{
width:739px;
height:225px;
}

.box-brand .programmes-img{
float:left;
}

.box-brand p.programmes-txt{
float:left;
width:517px;
padding:15px 15px 0 15px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

.box-brand p.programmes-txt a, .box-brand p.programmes-txt a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}

#content-in .ancre{
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

/***************************************/
/********** Mentions légales ***********/
/***************************************/
#mentions-container{
width:738px;
margin:10px auto 0 auto;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
background-color:#fff;
}

#mentions-title{
width:723px;
height:22px;
background:url(img/actualites_title.gif) top left repeat-x;
padding:2px 0 0 15px;
font:16px Arial, Helvetica, sans-serif;
color:#fff;
}

#mentions-content{
width:708px;
padding:10px 0 15px 15px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

#mentions-content #mentions{
width:708px;
}

#mentions-content #mentions p{
margin-bottom:10px;
}

#mentions-content #mentions img{
float:left;
margin:0 10px 5px 0;
}

#mentions-content #mentions .rouge{
color:#cd003a;
}

#mentions-content #mentions a, #mentions-content #mentions a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}

#mentions-content #mentions ul{
margin:0 0 10px 0;
padding:0;
}

#mentions-content #mentions li{
margin:0 0 0 16px;
padding:0;
}

#mentions-content #mentions #logo{
float:right;
margin:10px 10px 0 0;
}
/***************************************/
/************** Contacts ***************/
/***************************************/
#contacts-container{
width:738px;
height:400px;
margin:10px auto 0 auto;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
background-color:#fff;
}

#contacts-title{
width:723px;
height:22px;
background:url(img/actualites_title.gif) top left repeat-x;
padding:2px 0 0 15px;
font:16px Arial, Helvetica, sans-serif;
color:#fff;
}

#contacts-content{
width:708px;
padding:10px 0 15px 15px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}

#contacts-content #contacts{
width:708px;
}

#contacts-content #contacts p{
margin-bottom:10px;
}

#contacts-content #contacts img{
float:left;
margin:0 10px 5px 0;
}

#contacts-content #contacts .rouge{
color:#cd003a;
}

#contacts-content #contacts .partenaires{
margin:30px 0 0 30px;
}

#contacts-content #contacts a, #contacts-content #contacts a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}

#contacts-content #contacts #logo{
float:right;
margin:10px 10px 0 0;
}

/***************************************/
/********* Devenir partenaire **********/
/***************************************/
#contacts-content #contacts a.btn-m, #contacts-content #contacts a.btn-m:hover{
display:inline-block;
width:264px;
height:16px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
background:url(img/btn_xl.gif) top left no-repeat;
padding-top:3px;
}

#contacts-content #contacts ul{
margin:0 0 10px 0;
padding:0;
}

#contacts-content #contacts li{
margin:0 0 5px 16px;
padding:0;
}