html, body{
background: #ffffff; 
margin: 0;
padding: 0; 
}

/* Div des services */
div.corpsglobal_services {
text-align: justify;
margin-left: 0px;
padding-left: 10px;
padding-right: 10px;
margin-right: 0px;
border-left: 1px dotted #8b8b8b;
width: 122px;
height: 235px;
float: left;
}

div.corpsglobal_services h3{
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
font-style: italic;
color:  #800000;
text-decoration: none;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 0;
}

div.corpsglobal_services h4{
font-family: Georgia, Arial, sans-serif;
padding: 0px;
margin: 0px;
margin-bottom: 12px;
font-size: 18px;
margin-top: 5px;
font-weight: normal;
color: #525252;
}

div.corpsglobal_services p{
font-family: Arial, sans-serif;
font-size: 12px;
color: #525252;
text-decoration: none;
margin-right: 3px;
}

div.corpsglobal_services a{
font-family: Arial, sans-serif;
font-size: 12px;
color: #800000;
text-decoration: none;
margin-right: 3px;
}

div.corpsglobal_services a.articleseul{
font-family: Georgia, Arial, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 18px;
color: #525252;
}

div.corpsglobal_services a.articleseul:hover{
text-decoration: underlined;
color: #FFFFFF;
background: #800000;
}

/* --- */

div.corpsglobal_serviceslast {
text-align: justify;
margin-left: 0px;
padding-left: 10px;
border-left: 1px dotted #8b8b8b;
border-right: 1px dotted #8b8b8b;
width: 122px;
height: 235px;
float: left;
}

div.corpsglobal_serviceslast h3{
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
font-style: italic;
color:  #800000;
text-decoration: none;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 0;
}

div.corpsglobal_serviceslast h4{
font-family: Georgia, Arial, sans-serif;
padding: 0px;
margin: 0px;
margin-bottom: 12px;
font-size: 18px;
margin-top: 5px;
font-weight: normal;
color: #525252;
}

div.corpsglobal_serviceslast p{
font-family: Arial, sans-serif;
font-size: 12px;
color: #525252;
text-decoration: none;
margin-right: 3px;
}

div.corpsglobal_serviceslast a{
font-family: Arial, sans-serif;
font-size: 12px;
color: #800000;
text-decoration: none;
margin-right: 3px;
}

div.corpsglobal_serviceslast a.articleseul{
font-family: Georgia, Arial, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 18px;
color: #525252;
}

div.corpsglobal_serviceslast a.articleseul:hover{
text-decoration: underlined;
color: #FFFFFF;
background: #800000;
}

/*Div global des autres pages*/
div.theglobal{
float: left;
width: 280px;
}

div.theglobal1{
float: left;
width: 570px;
}

div.corpsglobal {
text-align: justify;
margin-left: 0px;
padding-left: 0px;
margin-right: 20px;
border-bottom: 1px dotted #8b8b8b;
}

div.corpsglobal h3{
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
font-style: italic;
color:  #800000;
text-decoration: none;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 0;
}

div.corpsglobal h4{
font-family: Georgia, Arial, sans-serif;
padding: 0px;
margin: 0px;
margin-bottom: 12px;
font-size: 18px;
margin-top: 5px;
font-weight: normal;
color: #525252;
}

div.corpsglobal p{
font-family: Arial, sans-serif;
font-size: 12px;
color: #525252;
text-decoration: none;
margin-right: 3px;
}

div.corpsglobal a{
font-family: Arial, sans-serif;
font-size: 12px;
color: #800000;
text-decoration: none;
margin-right: 3px;
}

div.corpsglobal a.articleseul{
font-family: Georgia, Arial, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 18px;
color: #525252;
}

div.corpsglobal a.articleseul:hover{
text-decoration: underlined;
color: #FFFFFF;
background: #800000;
}

a.articleseul{
font-family: Georgia, Arial, sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 18px;
color: #525252;
}

a.articleseul:hover{
text-decoration: underlined;
color: #FFFFFF;
background: #800000;
}

/* Contient le corps au complet */
div.contain{
width: 861px;
margin-left: auto;
margin-right: auto;
}

/* début du  header */
div.barretop{
padding-top: 7px;
height: 55px;
width: 100%;
background-image:url('images/barre_top.jpg');
}

div.barretop .login{
color: #FFFFFF;
font-family: georgia, arial, sans-serif;
font-size: 10px;
text-decoration: none;
padding-left: 25%;
}

div.barretop a{
color: #FFFFFF;
font-family: georgia, arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

div.globalheader{
width: 100%;
height: 38px;
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
border: 0;
}

div.headerleft {
width: 212px;
background: #ffffff;
float: left;
border:0;
}

div.headerright {
width: 649px;
background: #ffffff;
border:0;
font-family: Georgia, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #525252;
float: right;
text-align: right;
padding-top: 9px;
}

/* Menu associé au header*/
ul.menu{

}

ul.menu li{
display: inline;
padding-left: 1.35em;
padding-bottom: 0;
text-align: right;
list-style-type: none;
text-decoration: none;
}

ul.menu  li a {
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color:  #525252;
text-decoration: none;
padding: 5px 5px 5px 5px;
}


ul.menu  li a:hover {
/*background-image: url('images/boutonNav.jpg'); */
background: #800000;
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color: #ffffff;
position: relative; 
text-decoration: none;
}


ul.menu li a.menuactif{
/*background-image: url('images/boutonNav.jpg'); */
background: #800000;
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color: #ffffff;
position: relative; 
text-decoration: none;
/*
width: 83px;
height: 29px;
*/
}
/* Fin du  header */





/* Début du corps de la page */

div.globalcadre {
width: 861px;
height: 302px;
margin: 0px;
padding: 0px;
background: #ffffff;
padding-top: 20px;
}

div.cadre{
width: 861px;
height: 302px;
background-image:url('images/cadre.jpg');
}

div.cadreleft{
font-size: 14px;
color: #ffffff;
float: left;
width: 431px;
}

div.cadreleft p {
font-size: 12px;
padding-left: 26px;
padding-right: 30px;
line-height: 20px;
text-align: justify;
font-family: Georgia, Arial, sans-serif;
padding-bottom: 0px;
margin-bottom: 0px;
}

div.cadreleft h2 {
font-size: 22px;
padding-left: 25px;
padding-right: 25px;
margin-top: 0px;
padding-top: 32px;
line-height: 0px;
font-family: Georgia, Arial, sans-serif;
font-weight: normal;
padding-bottom: 3px;
}

div.cadreright{
float: right;
padding-top: 25px;
padding-right: 80px;
}

div.souscadre {
margin-top: 15px;
padding: 0px;
text-align: left;
font-size: 12pt;
font-family: Georgia, Arial, sans-serif;
color: #8b8b8b;
width: 100%;
line-height: 20px;
border-bottom: 1px dotted #8b8b8b;
padding-bottom: 15px;
margin-bottom: 15px;
text-align: justify;
font-style: italic;
position: relative;
}

div.surcadre {
margin-top: 15px;
padding: 0px;
text-align: left;
font-size: 12pt;
font-family: Georgia, Arial, sans-serif;
color: #8b8b8b;
width: 100%;
line-height: 20px;
border-bottom: 1px dotted #8b8b8b;
border-top: 1px dotted #8b8b8b;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
text-align: justify;
font-style: italic;
position: relative;
}

div.globalleft {
width: 280px;
background: #ffffff;
border:0;
float: left;
font-family: Arial, sans-serif;
font-size: 12px;
color: #525252;
}

div.globalleft2 {
width: 280px;
background: #ffffff;
border:0;
font-family: Arial, sans-serif;
font-size: 12px;
color: #525252;
}

div.corpsleft {
width: 280px;
text-decoration: none;
text-align: justify;
border-bottom: 1px dotted #8b8b8b;
}

div.corpsleft h2{
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color:  #525252;
text-decoration: none;
margin-bottom: 5px;
padding-bottom: 0;
text-align: left;
}

div.corpsleft h3{
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color:  #525252;
text-decoration: none;
margin-bottom: 5px;
margin-top: 0;
padding-bottom: 0;
}

div.corpsleft h4{
padding: 0px;
margin: 0px;
margin-bottom: 5px;
font-size: 18px;
margin-top: 0px;
font-weight: normal;
font-family: georgia, arial, sans-serif;
color: #525252;
}

img.projetrecent {
border: 3px solid #800000;
margin-bottom: 10px;
}


/* Corps centre Aventure Klix*/

div.globalcentre {
width: 285px;
background: #ffffff;
float: left;
border:0;
margin-left: 3px;
}

div.globalcentre h2{
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color:  #525252;
text-decoration: none;
margin-bottom: 5px;
padding-bottom: 0;
padding-left: 10px;
text-align: left;
}

div.globalcentre2 {
width: 285px;
background: #ffffff;
float: left;
border:0;
margin-left: 3px;
}

div.globalcentre2 h2{
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color:  #525252;
text-decoration: none;
margin-bottom: 5px;
padding-bottom: 0;
text-align: left;
}

div.corpscentre {
text-align: justify;
margin-left: 10px;
margin-right: 10px;
border-bottom: 1px dotted #8b8b8b;
}

div.corpscentre h3{
font-family: Georgia, Arial, sans-serif;
font-size: 12px;
font-style: italic;
color:  #800000;
text-decoration: none;
margin-bottom: 5px;
margin-top: 5px;
padding-bottom: 0;
}

div.corpscentre h4{
font-family: Georgia, Arial, sans-serif;
padding: 0px;
margin: 0px;
margin-bottom: 12px;
font-size: 18px;
margin-top: 5px;
font-weight: normal;
color: #525252;
}

div.corpscentre p{
font-family: Arial, sans-serif;
font-size: 12px;
color: #525252;
text-decoration: none;
margin-right: 3px;
}


/* Corps droit informations*/

div.globalright {
width: 280px;
background: #ffffff;
float: right;
border: 0;
font-family: Arial, sans-serif;
font-size: 12px;
color: #525252;
text-decoration: none;
margin-left: -3px;
margin-right: 0px;
padding-right: 0px;
border: 0;
}

div.corpsright {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #8b8b8b;
margin-right: 0px;
padding-right: 0px;
}

div.corpsright h2{
font-family: Georgia, Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color:  #525252;
text-decoration: none;
margin-bottom: 5px;
padding-bottom: 0;
text-align: left;
}

div.corpsright p{
list-style-type: none;
text-decoration: none;
margin-bottom: 5px;
margin-top: 0;
padding-bottom: 0;
text-align: left;
margin-right: 10px;
}


div.corpsright a {
font-family: Georgia, Arial, sans-serif;
font-size: 11px;
color:  #800000;
}

div.corpsright img {
border: 0;
}




/* Fin du corps de la page */


/* Début du pied de page */
div.footer {
height: 15px;
width: 861px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-align: left;
position: relative;
font-size: 11px;
font-family: Georgia, Arial, sans-serif;
color: #525252;
float: left;
}

div.footer p {
margin-bottom: 2px;
font-style: italic;
font-family: Georgia, Arial, sans-serif;
color: #525252;
}

div.footer p.menu2 a{
font-weight: normal;
font-style: normal;
font-family: Georgia, Arial, sans-serif;
text-decoration: none;
color: #525252;
}

div.footer p.menu2{
margin-top: 0px;
font-weight: normal;
font-style: normal;
font-family: Georgia, Arial, sans-serif;
color: #525252;
}

/* Fin du pied de page */


