html { margin:0px; padding:0px }
body { font-family:Arial, Helvetica, sans-serif; color:#FFF; margin:0px; padding:0px 0px 0px 0px; background:url(../images/body.png) }

div#shadow { position:absolute; z-index:6; visibility:hidden; width:100%; background-color:#000000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; opacity:0.5 }

.noBorder, .icone { border:0px }


/* STRUCTURE
/* ============================================================================================= */
div#page { position:relative; margin:0 auto; margin-top:20px; width:1061px }

div#entete            { width:100%; height:35px }
div#flag_left         { float:left; width:50px; height:35px; background:url(../images/flag_left.png) no-repeat right }
div#flag_right        { float:left; width:50px; height:35px; background:url(../images/flag_right.png) no-repeat left }
div#cadreTitreTete    { float:left; width:960px; height:25px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; text-align:center; background:#A7161C }
div#cadreTitreTete h1 { font-size:15px; font-weight:normal; margin:0px; padding:0px  }

div#cadreCorps  { width:100%; background:url(../images/ombre_right.png) repeat-y right }
div#flagRightBt { position:absolute; right:0px; width:50px; height:14px; background:url(../images/flag_right_bt.png) no-repeat left }
div#flagLeftBt  { position:absolute; left:0px; width:50px; height:14px; background:url(../images/flag_left_bt.png) no-repeat right }

div#corps       { margin:0px 50px 0px 50px; background:#FFF }
div#ombreLeft   { width:100%; background:url(../images/ombre_left.png) repeat-y left }

div#SecondPlan { z-index:2 }
div#FirstPlan  { z-index:3; position:absolute; left:50px; width:446px; background:url(../images/bg_first_plan.png) repeat-y left }


/* PAGE D'ACCUEIL
/* ============================================================================================= */
div#cadreActu    { float:right; margin:328px 50px 0px 0px; overflow:scroll; padding:10px 0px 10px 0px; width:410px; height:190px; background:#000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; opacity:0.5 }
div.actu         { padding:10px 20px 10px 20px }
div.actu a       { color:#FFF; text-decoration:none }
div.actu a:hover { color:#FFF; text-decoration:underline }
div.actu h2      { font-size:18px; color:#FFF; font-weight:bold; margin:0px; padding:0px }
div.actu samp    { font-family:Arial, Helvetica, sans-serif; font-size:12px }

/* Retour AJAX des actualités */
h1#titreActu    { font-size:16px; color:#FFF; border-bottom:1px solid #FFF; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px }
div#contenuActu { font-size:12px }


/* PAGE COURANTE
/* ============================================================================================= */
div#cadreCubes { margin:0px 0px 0px 343px; height:329px }
div#cube1      { float:left; width:296px; height:229px; padding-top:100px }
div#cube2      { float:right; width:322px; height:100% }

div#contenu    { margin:0px 0px 0px 460px; padding:0px 20px 0px 0px; width:480px; min-height:500px }

h1#titrePage { font-size:24px; padding:0px 0px 5px 0px; margin:0px 0px 10px 460px }

/* Tableau généré avec e-site */
table.RichText    { width:500px }
table.RichText td { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; vertical-align:top }
table.RichText td > input    { background:#fa9c6c; border:0px }
table.RichText td > textarea { background:#fa9c6c; border:0px }

/* Formulaires */
input#IinputemailI, input#IinputvilleI, input#Iinputcode_postalI, input#IinputadresseI, input#IinputprenomI, input#IinputnomI { width:90% }
textarea#IinputmessageI { width:90%; height:160px }
div#envoyer { margin:20px 20px 0 446px; text-align:center; border-top:1px solid #fff; padding-top:20px }

/* Liens */
div#contenu a       { color:#FFF; text-decoration:underline }
div#contenu a:hover { color:#FFF; text-decoration:none }

/* images */
div#contenu img { margin:10px; border:2px solid #FFF }

/* Listes */
div#contenu ul    { padding:5px 0px 5px 40px; margin:0px 0px 0px 0px }
div#contenu ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px 10px 0px }

/* Pieces jointes */
div#cadrePJ             { margin:0px 0px 0px 460px; }
h2#piece_jointe_titre   { clear:both; margin:10px 0px 0px 0px; padding:0px; background:none; color:#FFFFFF; font-size:12px; font-weight:normal }
ul#piece_jointe         { margin:0px; padding:0px; list-style:none }
ul#piece_jointe li      { background:none; text-indent:5px; padding:3px 0px 3px 0px; margin:1px 0px 0px 0px }
ul#piece_jointe a       { font-size:11px; color:#FFF; text-decoration:none }
ul#piece_jointe a:hover { text-decoration:underline; color:#FFF }

/* Formulaires */
form#formEsite { margin:0px; padding:0px }


/* PAGE PARTENAIRES
/* ============================================================================================= */
div.cadre_partenaires    { margin:0px 0px 0px 0px; padding-bottom:20px }
div.cadre_img_partenaire { float:left; border:1px solid #FFF }
div.infos_partenaires    { margin:0px 0px 0px 120px }
h2.nom_partenaire        { font-size:14px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px }
div.cadre_partenaires a  { color:#FFF }


/* MENU PRINCIPAL
/* ============================================================================================= */
div#cadreSlogan  { width:300px; padding:30px 0px 45px 0px }
h1#slogan        { font-size:27px; font-weight:normal; color:#707173; margin:0px; padding:0px }
span#sloganPart1 { display:block; width:100%; text-align:right }
span#sloganPart2 { display:block; width:100%; text-align:right }
div#chevalHaut   { width:100%; height:188px; background:url(../images/cheval_haut.png) no-repeat center }

div#cadreMenu, div#cadreMenu2 { width:396px; padding:0px 0px 0px 50px; background:url(../images/bg_menu.png) no-repeat left top }
div.cadreSsMenu { width:150px; padding-bottom:5px; background:url(../images/separation.gif) repeat-x bottom  }

/* Lien vers la page d'accueil */
h3.menu_rubrique_accueil         { cursor:pointer; color:#A7161C; font-size:12px; font-weight:normal; margin:0px; padding:10px 0px 5px 0px; text-align:left; width:150px; background:url(../images/separation.gif) repeat-x bottom }
h3.menu_rubrique_accueil_select { cursor:pointer; color:#A7161C; font-size:12px; font-weight:normal; margin:0px; padding:10px 0px 5px 0px; text-align:left; width:150px; background:#dfdfdf }
h3.menu_rubrique_accueil a, h3.menu_accueil_rubrique a:hover { color:#A7161C; text-decoration:none }
h3.menu_rubrique_accueil_select a, h3.menu_accueil_rubrique_select a:hover { color:#A7161C; text-decoration:none }

/* Rubriques du menu principal */
h3.menu_rubrique { cursor:pointer; color:#A7161C; font-size:12px; font-weight:normal; margin:0px; padding:10px 0px 5px 0px; text-align:left; width:150px; background:url(../images/separation.gif) repeat-x bottom }
h3.menu_rubrique_select { cursor:pointer; color:#A7161C; font-size:12px; font-weight:normal; margin:0px; padding:10px 0px 5px 0px; text-align:left; width:150px; background:#dfdfdf }

h3.menu_rubrique a, h3.menu_rubrique a:hover { color:#A7161C; text-decoration:none }
h3.menu_rubrique_select a, h3.menu_rubrique_select a:hover { color:#A7161C; text-decoration:none }

h3.menu_page        { font-size:10px; font-weight:normal; margin:0px; padding:0px; text-align:left; width:100% }
h3.menu_page_select { font-size:10px; font-weight:normal; margin:0px; padding:0px; text-align:left; width:100% }

h3.menu_page a { color:#A7161C; text-decoration:none; display:block; width:100%; height:100%; padding:5px 0px 5px 0px }
h3.menu_page_select a, h3.menu_page_select a:hover, h3.menu_page a:hover { color:#A7161C; text-decoration:none; background:#f1e8ea; display:block; width:100%; height:100%; padding:5px 0px 5px 0px }


/* GALERIE D'IMAGES
/* ============================================================================================= */
div#cmdImg   {  }

div#cadreMiniatures { margin:0px 0px 0px 450px }

ul#listeMini    { list-style:none; padding:20px 0px 0px 0px; margin:0px }
ul#listeMini li { display:block; float:left; margin-right:3px }
ul#listeMini a  { display:block; border:1px solid #535353; padding:3px; color:#FFF; background:#CCC; font-size:10px }


/* PLAN DU SITE
/* ============================================================================================= */
h3.menu_rubrique_plan        { cursor:pointer; color:#FFF; font-size:12px; font-weight:normal; margin:0px; padding:10px 0px 5px 0px; text-align:left; border-bottom:1px solid #FFF }
h3.menu_rubrique_plan_select { cursor:pointer; color:#FFF; font-size:12px; font-weight:normal; margin:0px; padding:10px 0px 5px 0px; text-align:left; background:#dfdfdf }

h3.menu_rubrique_plan a, h3.menu_rubrique_plan a:hover { color:#FFF; text-decoration:none }
h3.menu_rubrique_plan_select a, h3.menu_rubrique_plan_select a:hover { color:#FFF; text-decoration:none }

h3.menu_page_plan        { font-size:10px; font-weight:normal; margin:0px; padding:0px; text-align:left; width:100% }
h3.menu_page_plan_select { font-size:10px; font-weight:normal; margin:0px; padding:0px; text-align:left; width:100% }

h3.menu_page_plan a { color:#FFF; text-decoration:none; display:block; width:100%; height:100%; padding:5px 0px 5px 0px }
h3.menu_page_plan_select a, h3.menu_page_plan_select a:hover, h3.menu_page_plan a:hover { color:#000; text-decoration:none; background:#c9313d; display:block; width:100%; height:100%; padding:5px 0px 5px 0px }

/* PIED DE PAGE
/* ============================================================================================= */
div#piedDePage     { width:100%; background:url(../images/bg_pied.gif) repeat-x top }

div#cadreOmbrePied { position:relative; margin:0 auto; width:1061px; height:92px }
div#btOmbreRight   { float:left; width:50px; height:92px; background:url(../images/ombre_right_bt.png) no-repeat center }
div#btOmbreLeft    { float:left; width:50px; height:92px; background:url(../images/ombre_left_bt.png) no-repeat center }
div#ombreContenuBt { float:left; width:961px; margin:0px 0px 0px 0px; height:92px; background:#FFF }

div#piedColLeft    { z-index:3; position:absolute; text-align:right; padding-right:140px; left:50px; width:306px; height:92px; background:url(../images/bg_first_plan.png) repeat-y left }

div#piedInt       { position:relative; margin:0 auto; width:961px; font-size:10px }
div#piedInt ul    { list-style:none; padding:10px 0px 10% 0px; margin:0px; height:20px }
div#piedInt ul li { display:block; float:right }
li.pied           { border-left:1px solid #FFF; padding:0px 5px 0px 5px }
li.piedFirst      { padding:0px 5px 0px 0px }

div#piedInt a { color:#FFF; text-decoration:none }

