@charset "utf-8";
*{ padding:0; margin:0; font-weight:normal; line-height:normal; }
html{ font-size:100%; }
body, html{
background:#C7BFAC url(rp_haut.gif) left 210px repeat-x;
color:#3c3c3c;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
height:100%;
}


/**************************************** GENERAL *******************************************/
img{ border:none; }

a, a:hover, a:active{ outline:none; color:#fefefe; }

.spacer{ clear:both; }

.liste{
height:25px;
line-height:25px;
background:url(liste.gif) left bottom no-repeat;
padding:0 0 0 30px;
margin:0.5em 0;
}
.liste a, .liste a:hover{
display:block;
width:20%;
height:15px;
padding:10px 0 0 0; 
color:#fefefe; 
font-size:12px;
}

.view{
margin:0 0 2em 0;
padding:0.5em;
background:#a69e8e;
border:#d7cfbb solid 1px;
}

#conteneur .left .view h2{
color:#333;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin:0;
}

#conteneur .left .view h2 a{
color:#333;
font-weight:bold;
text-decoration:none;
}

#conteneur .left .view h2 a:hover{
color:#333;
font-weight:bold;
text-decoration:underline;
}

#conteneur .left .view ul{ list-style-type:none; padding:0 2em; float:left; }
#conteneur .left .view ul li{
line-height:48px;
height:48px;
padding:0 0 0 35px;
}

#conteneur .left .view ul li.accueil{ background:url(plan_accueil.gif) left center no-repeat; }
#conteneur .left .view ul li.modules{ background:url(plan_modules.gif) left center no-repeat; }
#conteneur .left .view ul li.references{ background:url(plan_references.gif) left center no-repeat; }
#conteneur .left .view ul li.cv{ background:url(plan_cv.gif) left center no-repeat; }
#conteneur .left .view ul li.contact{ background:url(plan_contact.gif) left center no-repeat; }
#conteneur .left .view ul li.mentions{ background:url(plan_mentions.gif) left center no-repeat; }

#conteneur .left .view ul li a{
text-decoration:none;
}

#conteneur .left .view ul li a:hover{
text-decoration:underline;
}

.view .savoirplus{
display:block;
color:#efefef;
font-size:11px;
text-align:right;
padding:0 1em 0 0;
}

#conteneur .left .view p{
background:none;
border:none;
padding:0.5em;
margin:0;
text-align:justify;
}

span.savoirplus a, span.savoirplus a:hover{
color:#6C685C;
}

/**************************************** CENTRE ET CONTENEUR DES PAGES *************************************/
.centre{
overflow:hidden;
width:960px;
margin:0 auto;
padding:0 0 2em 0;
background:url(rp_centre.gif) center top repeat-y;
}

#conteneur{
min-height:600px;
height:auto !important;
height:600px;
overflow:hidden;
width:910px;
margin:0 auto;
padding:0 0 0 50px;
background:url(bloc_conteneur.jpg) center top no-repeat;
}

#conteneur .left{
float:left;
width:660px;
padding:0 20px 0 0;
overflow:hidden;
}

#conteneur .left .titre{
width:660px;
height:111px;
background:url(fond_titre.gif) left top no-repeat;
margin:0 0 1em 0;
}

#conteneur .left .titre h1{
padding:30px 15px;
color:#ffba01;
font-size:24px;
font-weight:bold;
font-family:"Myriad Pro";
}

#conteneur .left h2{
color:#333;
font-size:18px;
font-weight:bold;
margin:1.5em 0 0 0;
}

#conteneur .left .titre h1 span{
float:none;
padding:0;
display:block;
font-size:14px;
color:#fef2de;
font-family:"Myriad Pro";
}

/************************ pour le flash ***************************/
#conteneur .left #animation{
width:660px;
height:302px;
background:url(fond_flash.jpg) left top no-repeat;
margin:0 0 1em 0;
}

#conteneur .left #animation p{
border:none;
background:none;
text-align:center;
font-weight:bold;
color:#000;
font-size:18px;
}

#conteneur .left #animation .icon{
width:87px;
height:93px;
margin:0 auto 0.5em auto;
}

#conteneur .left #animation p span{
display:block;
width:500px;
height:25px;
line-height:30px;
margin:0.2em auto;
}

#conteneur .left #animation p span.grant{ height:60px; line-height:15px; }

#conteneur .left #animation p span.upper{ text-transform:uppercase; }
#conteneur .left #animation p span.upper_red{ text-transform:uppercase; color:#C70108; }
#conteneur .left #animation p span.simple{ color:#000; }

/****************************************************************/

#conteneur .left p{
color:#e9e4d8;
font-size:14px;
background:#a69e8e;
border:#d7cfbb solid 1px;
padding:10px;
margin:0.5em 0 0 0;
text-align:justify;
}

#conteneur .left p.src{
padding:5px;
font-size:10px;
color:#FFF;
background:none;
border:none;
}

#conteneur .left p.src a, #conteneur .left p.src a:hover{
color:#6C685C;
}

#conteneur .right{
float:right;
padding:0 50px 0 0;
overflow:hidden;
border:none;
}

#conteneur .right .menu{
width:162px;
margin:0 0 30px 0;
}

#conteneur .right .menu .titre{
width:162px;
height:36px;
background:url(titre_menu.png) center top no-repeat;
}

#conteneur .right .menu .titre h2{
width:155px;
margin:0 auto;
padding:9px 0 0 0;
font-family:"Myriad Pro";
font-weight:bold;
font-size:12px;
text-align:center;
color:#FEFEFE;
text-transform:uppercase;
letter-spacing:1px;
}

#conteneur .right .menu .content{
width:162px;
overflow:hidden;
background:url(rp_menu.gif) center top repeat-y;
}

#conteneur .right .menu .content ul{
list-style-type:none;
margin:5px 15px;
}

#conteneur .right .menu .content ul li{
height:auto;
font-size:11px;
color:#000;
text-align:right
}

#conteneur .right .menu .content ul li a{
display:block;
width:130px;
color:#000;
text-decoration:none;
background:none;
line-height:20px;
}

#conteneur .right .menu .content ul li a:hover{
background:#a79f8f;
color:#FFF;
width:125px;
padding:0 5px 0 0;
}

#conteneur .right .menu .bas{
width:162px;
height:4px;
overflow:hidden;
background:url(bas_menu.gif) center top no-repeat;
}

#conteneur .right .menu .plus{
height:20px;
color:#3c3c3c;
font-size:11px;
line-height:20px;
padding:5px 0 0 23px;
margin:0 0 0 10px;
background:url(plus.png) left center no-repeat;
}

#conteneur .right .menu .plus a{
display:block;
line-height:20px;
color:#3c3c3c;
text-decoration:none;
font-weight:600;
}

#conteneur .right .menu .plus a:hover{ text-decoration:underline; }



/************************************************* HEADER ET ELEMENTS **************************************************/
#header{
width:100%;
height:210px;
background:url(rp_droite_haut.gif) left top repeat-x;
}

#header #gauche{
position:absolute;
left:0; 
top:0;
width:50%;
height:210px;
background:url(rp_gauche_haut.gif) left top repeat-x;
}



/****************************************** CENTRE HEADER ET ELEMENTS ********************************************/
#header_centre{
position:relative;
width:960px;
height:210px;
margin:0 auto;
}

#header_centre #bl_cv, #header_centre #bl_contact{
width:161px;
height:155px;
background:url(bloc_haut.jpg) left top no-repeat;
}

#header_centre #bl_cv{
position:absolute;
right:210px;
top:10px;
}

#header_centre #bl_cv a{
display:block;
width:161px;
height:155px;
background:url(bloc_cv_off.jpg) center 22px no-repeat;
text-decoration:none;
}

#header_centre #bl_cv a span.icon img{
display:none;
width:107px;
height:91px;
}

#header_centre #bl_cv a:hover span.icon img{
display:block;
width:107px;
height:91px;
padding:18px 27px 0 27px;
}

#header_centre #bl_contact{
position:absolute;
right:50px;
top:10px;
}

#header_centre #bl_contact a{
display:block;
width:161px;
height:155px;
background:url(bloc_contact_off.jpg) center 22px no-repeat;
text-decoration:none;
}

#header_centre #bl_contact a span.icon img{
display:none;
width:93px;
height:93px;
}

#header_centre #bl_contact a:hover span.icon img{
display:block;
width:93px;
height:93px;
padding:18px 34px 0 34px;
}



#header_centre #bl_cv a span.titre, #header_centre #bl_contact a span.titre{
position:absolute;
left:10px;
bottom:25px;
display:block;
width:140px;
height:16px;
line-height:14px;
font-family:"Myriad Pro";
font-size:16px;
font-weight:bold;
color:#FFF;
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
}

#header_centre #miettes{
position:absolute;
left:0;
bottom:0;
width:960px;
height:35px;
background:url(bloc_miettes.jpg) left top no-repeat;
}


/******************************************* BANDE LOGO ET ELEMENTS ****************************************************/
#header_centre #bande_logo{
position:absolute;
left:0;
top:16px;
width:590px;
height:140px;
background:url(bande_logo.jpg) left top no-repeat;
}

#header_centre #bande_logo #logo{
position:absolute;
left:30px;
top:15px;
width:216px;
height:111px;
}

#header_centre #bande_logo h1{
position:absolute;
bottom:5px;
left:72px;
width:515px;
height:30px;
color:#3c3c3c;
font-weight:bold;
font-size:18px;
}

#header_centre #bande_logo h1 span{
font-weight:normal;
font-size:12px;
}

#header_centre #bande_logo #contacts{
position:absolute;
right:15px;
top:50px;
width:160px;
height:35px;
font-weight:600;
font-size:12px;
color:#3c3c3c;
text-align:center;
}


/**************************************** FOOTER ET ELEMENTS ********************************************/
#footer{
clear:both;
width:100%;
height:210px;
}

#footer #avant_footer{
margin:0 auto;
width:960px;
height:175px;
background:url(avant_footer.jpg) center top no-repeat;
}

#footer .links{
width:938px;
height:17px;
margin:0 auto;
padding:18px 15px 0 15px;
font-size:11px;
text-align:center;
background:url(fond_footer_bas.jpg) center bottom no-repeat;
}

#footer .links a{
color:#000;
text-decoration:none;
}

#footer .links a:hover{
color:#000;
text-decoration:underline;
}

#footer .links .g{
float:left;
}

#footer .links .d{
float:right;
}


#footer .centre{
width:855px;
height:150px;
padding:5px 25px;
background:#AFA793;
border:#a29780 solid 1px;
}

#footer .centre .bl_last{
float:left;
width:260px;
height:150px;
}

#footer .centre .bl_last img{ float:left; }

#footer .centre .bl_last h1{
float:right;
width:165px;
height:20px;
font-weight:bold;
color:#3c3c3c;
font-size:14px;
padding:33px 0 0 5px;
}

#footer .centre .bl_last h2{
clear:both;
font-weight:bold;
color:#3c3c3c;
font-size:11px;
padding:0 20px;
}

#footer .centre .bl_last h2 a, #footer .centre .bl_last h2 a:hover{ color:#3c3c3c; font-weight:bold; }

#footer .centre .bl_last p{
color:#3c3c3c;
font-size:10px;
padding:3px 20px;
}

#footer .centre .bl_last span, #footer .centre .bl_com .r span{
color:#fff;
font-size:10px;
padding:0 20px;
}

#footer .centre .bl_last span a, #footer #centre .bl_com .r span a{
color:#fff;
}

#footer .centre .bl_com{
float:left;
width:330px;
height:150px;
}

#footer .centre .bl_com .l{
float:left;
width:97px;
height:150px;
}

#footer .centre .bl_com .r{
margin:0 0 0 97px;
}

#footer .centre .bl_com .l img{ padding:26.5px 0 0 0; }

#footer .centre .bl_com .r h1{
font-weight:bold;
color:#3c3c3c;
font-size:14px;
padding:20px 5px 0 8px;
}

#footer .centre .bl_com .r p{
color:#3c3c3c;
font-size:10px;
padding:3px 25px;
text-align:justify;
}

#footer .centre .bl_com .r span.l{
display:block;
width:200px;
height:20px;
font-size:18px;
font-weight:bold;
padding:0 0 0 10px;
color:#3c3c3c;
}

#footer .centre .bl_com .r span.r{
float:right;
text-align:right;
display:block;
width:200px;
height:20px;
font-size:18px;
font-weight:bold;
padding:0 10px 0 0;
color:#3c3c3c;
}