body {
text-align : justify;
background : #fff ;
color : #000000;
font : 12px Helvetica;
margin : 8px;
padding : 0;
border : 0 solid blue;
}
p {
text-align : justify;
}
a:link {
font-size : 100%;
color : #0083c7;/*#266191;*/
background-color : transparent;
text-decoration : none;
background-attachment:scroll;
}
a:visited {
font-size : 100%;
/*color : #266191;*/
/*color:#5a3696;*/
background-color : transparent;
text-decoration : none;
}
a:hover, a:active {
/*font-size : 100%;
color : #366d85;
background-color : #fdf4c1;
text-decoration : none;*/
text-decoration: underline;
}
img {
border : none;
}

#page {
margin-left:20%;
margin-top:35px;
}

#gau {
float:left;
width:25%;
text-align:left;
padding:0;
background-image: url(img/CS_mid.jpg);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: right bottom;
}
#haut2 {
background-color: #ffffff;
background-image: url(img/CS_haut.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:right bottom;
height:30px;
margin:0;
padding:0;
}
#gau2 {
/*clear:left;*/
width:80%;
text-align:left;
padding:0 ;
margin:0;
padding-bottom : 10px;
}
#bas2 {
background-color: #ffffff;
background-image: url(img/CS_bas.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
height:30px;
}

#gau2 ul li{
padding:0;
padding-left:20px;
text-decoration:none;
border-bottom:none;
font-weight:normal;
margin-top:5px;
}
#gau2 ul li a{
border:none;
}
#gau2 ul ul{
width:80%;
display:none;
padding:0;
list-style-position: inside;
list-style-type: circle;
/*position: absolute;*/
	/*left: -999em;*/
}
#gau2 ul li li {
padding-left:5px;
}
#gau2 ul li:hover ul {
display:block;
}
#gau2  li{
width:90%;
padding-top:10px;
font-weight:bold;
text-decoration:none;
}
#gau2 li a {
color:#000000;
border-bottom:1px solid red;
}
/*
#gau img, #gau2 img {
clear:left;
margin:0;
padding:0;
}*/

#content {
clear : left;
margin : 0 5px 0 10px;
}


#bandeau {
/*height:165px;
border : 1px solid #aeaeae;
margin:10px;
padding:0;
padding-left:10px;*/
height:122px;
width:885px;
	/*border-bottom: solid #aeaeae 1px;*/
margin-left: auto;
margin-right:auto;
background: #FFF url(img/bann7.jpg) no-repeat left;
cursor:pointer;
}


#contenu {
width : 950px;
margin : 0 auto 10px;
padding : 0;
text-align : left;
/*border : 1px solid #a5c6da;*/
background : #fff repeat-y left 0%;
}/*
#listedeliens {
font-size : 9px;
font-weight : normal;
color : #1e3a4b;
text-align : center;
margin : 0 auto;
background-color : #f7f7f7;
}
#listedeliens a {
color : #1e3a4b;
font-weight : normal;
}*/
#my_page {
/*margin-top:35px;*/
text-align:left;
padding-left:150px;
padding-right:100px;
background-image: url(img/CP_mid.jpg);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: right bottom;
}
#haut1 {
background-color: #ffffff;
background-image: url(img/CP_haut.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:right bottom;
height:30px;
margin:0;
padding:0;
}
#bas1 {
background-color: #ffffff;
background-image: url(img/CP_bas.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
height:50px;
}


#sitemap {
height : 25px;
font-size : 1em;
font-style : Italic;
}
#sitemap a {
/*color : white;*/
}
#sitemap a:hover {
/*color : black;*/
}

/*================== </group> ==================*/

/*================== <group=footer> :Pied de page ================== */

#footer {
width : 680px;
margin : 0 auto;
text-align : center;
border : 1px solid #a5c6da;
background : #fff repeat-y left 0%;
color : #c0c0c0;
}
#footer #sitemap {
text-align:center;
font-size : 1em;
height:20px;
}
#footer p {
margin : 0;
padding : 5px;
}
#logos {
width:20%;
clear:left;
}


/*================== </group> ==================*/


/*<group=Global Classes>*/

blockquote {
border-top : 1px solid #aeaeae;
border-bottom : 1px solid #aeaeae;
padding-left : 5px;
padding-right : 5px;
font-style : italic;
color : #999999;
}
h1 {
color : #000;
margin:0;
margin-bottom : 3px;
font-style:italic;
padding : 10px 10px 25px 0;
font-size : 18px;
border-bottom : 2px solid red;
}
div[dir="rtl"] * {
text-align:right;
direction :rtl;
}
h2 {
color : #5050c5;
font-weight : bold;
margin : 12px 0 0 0;
padding : 0 0 0 0;
font-size : 12px;
border-bottom : 0 solid #5050c5;
}
/*
h2 a:link {
color : #5050c5;
text-decoration : none;
}
h2 a:visited {
color : #5050c5;
text-decoration : none;
}*/
h2 a:hover, h2 a:active {
text-decoration: underline;
}
h3 {
color : #5050c5;
font-size : 99%;
font-weight : bold;
font-style : italic;
margin : 10px 5px 10px 10px;
}
h3 a:link {
color : #5050c5;
text-decoration : none;
}
h4 {
margin-top : 20px;
font-weight : normal;
font-size : 98%;
text-indent : 20px;
margin : 10px 5px;
}



/* Table Styles */
table {
font-size : 1em;
}

#droite {
float : right;
width : 280px;
margin : -2px 2px 10px 20px;
padding : 2px;
border : 0 solid #000;
}



#content ul {
list-style-type : none;
padding-left : 10px;
margin-left : 0;
}
#content li {
margin : 0 0 0.4em 0;
padding-left : 20px;

}



#contenus {
        background-color:#FFFFFF;
        padding:10px;
        border-right: 1px solid #B0BEC7;
        border-bottom: 1px solid #B0BEC7;
        color: #000000;      
	  height:400px;
	/* width:99%; */
	position:relative; 
}