body {
padding:0;
margin:0;
background-color: #FFFFFF ;
background-image: url(images/headerbg-200.png); 
background-position: 0 0;
background-repeat: repeat-x;
color:#222;
font-family: helvetica, tahoma, arial, "lucida Grande", sans-serif;

color:#000;
font-size:62.5%;
}

a:link,a:visited,a:active {
/*color:#903;*/
color:#009865;
text-decoration: none;
}

a:hover {
text-decoration:none;
color:#000;
}

#main {width:960px;
padding:0;
margin:0 auto;
}



#leftbar {float: left; width: 30px;}

#page {
margin: 0 auto;
width:960px;
padding:0;
color:#000;
}

#rightbar {float: right; width: 30px; }





.barretitre {         display: none;
width: 450px; 
color: #000; 
font-family:arial, "lucida Grande", verdana, helvetica, sans-serif;
font-style: italic;
font-size: 20px; 
letter-spacing: 3px; 
text-align: right;}

#langues {   display: none;
width:600px;
margin:0 auto;
text-align:left;
font-size:1.2em;
color:#000;
font-family:arial, helvetica;
padding:0 0 3px;
/*background: #fff;
background:url(picts/bgmenu.jpg);*/
}

#langues a {   display: none;
color:#999;
text-decoration:none;
}

#top {                          
margin: 0 auto 20px auto;
height:200px;
}

#zonecliquable {             
float:left;
width: 960px;  
height:200px;
margin:0;
text-align: left;
}
#zonecliquable img {       
border: none ! important; 
padding-left: 100px;
}

#top img {    
margin-top: 25px;
}

#top a {
color:#ccc;
text-decoration:none;
}

/*
#zonecliquable h1, h2 {margin-left : 170px; }
*/

#breadcrumbs {                        display: none;
padding:1px 20px 3px;
font-size:0.9em;
text-align:right;
background:#fff;
}

#breadcrumbs a {                       display: none;
text-decoration:none;
}

#content {
float:left;
padding:0 0 20px 0;
width:620px;
color:#000;
font-size:1.4em;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}

/*#content object {
margin-left: 50px;
}*/

.hautdepage {
text-align:right;
margin:-10px 45px 30px 0;
}

.article_content {
margin-bottom:10px;
}

.article_content h1 {
font-size:1.8em;
text-align:left;
line-height:1.3em;
color: #000;
/*padding-top:20px;*/
padding-bottom:10px;
/*font-family: georgia, times, times new roman ;*/
}

.article_content h2 {
font-size:1.2em;
font-weight:700;
color: #000;
}

.article_content p, li, ul, ol, blockquote {
line-height:1.4em;
color:#000;
text-align: justify;
}

.article_content p.surtitre {
font-weight:400;
font-style:italic;
text-align:right;
}

.article_content p.bloc {
display:block;
background-color:#eee;
border:1px solid #ccc;
margin:20px;
padding:5px 5px 5px 40px;
}

.article_content img,.article_content a:link img {
border:1px solid #369;
padding:3px;
}

.article_content a:hover img {
border:1px solid #c00;
padding:3px;
}



.commentBox {
width:100%;
margin-bottom:40px;
border:1px solid #ccc;
}

.commentBox form {
width:90%;
margin:0 auto;
}

.commentformdiv {
width:100%;
}

.commentBox input {
width:50%;
}

.commentBox textarea {
width:100%;
height:150px;
}

.commentBox .submit {
text-align:right;
margin:0 auto;
}

.commentBox .submit input {
margin:0 auto;
width:auto;
margin-top:10px;
margin-bottom:10px;
}

.comment {
margin-bottom:20px;
}

.ajoute {
font-weight:700;
margin-top:30px;
color:#903;
}

.lien-commentaire {
margin:0 0 40px;
}

.lirelasuite {
/*margin-top:-1em;*/
text-align:right;
font-weight: bold
}

.commentsClosed {
margin-bottom:40px;
}

.comment_moderated {
border:1px solid #ccc;
padding:10px;
margin:10px 0;
}

.comment_title {
font-weight:700;
}

.comment_content {
margin:10px;
padding-left:10px;
font-style:italic;
border-left:5px solid #eee;
}

.commentBox .error {
color:#c00;
font-weight:700;
margin-left:10px;
}

table {
border-collapse:collapse;
/*margin-top: 15px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
border:1px solid #ddd;*/
font-size:1em;
line-height: 1.3em;
}

th {
background-color:#ddd;
}

td {
padding:5px 10px 5px 5px;
vertical-align:top;
}

.sansbordure {
padding:0;
background:#efefef;
border:none;
}

.alignegauche {
text-align:left;
}

#surfooter {
clear:both;
padding: 20px 10px;

font-size:1.3em;
/*background: #fff;
background:url(picts/bgmenu.jpg);*/
border-top:1px solid #000;
text-align:left;
color:#000;
}

#surfooter a {
color:#009865;
text-decoration:none;
}

#surfooter a:hover {
color:#555;
text-decoration:none;
}

a.foot:hover {
color:#ccc;
text-decoration:underline;
}

.floatleft {
margin-right:10px;
float:left;
margin:0 10px 5px 0;
clear:left;
}
.floatleft img {border: none;}



.floatright {
float:right;
margin:0 0 5px 30px;
clear:right;
}
.floatright img {border: none;}

.encadre {
margin: 0 10px 5px 0 ;
padding: 5px;
width : 200px;
float:left;
border: 1px solid #ccc;
background: #eee;
clear:left;
}

.encadre-droite {
margin: 0 0 5px 10px ;
padding: 5px;
width : 200px;
float:right;
border: 1px solid #ccc;
background: #eee;
clear:left;
}

#menuhaut {   display: none;                        
margin:0;
background: #fff;
/*background:url(picts/bgmenu.jpg);*/
font-size:0.9em;
}

#menuhaut ul {
margin:0;
padding:0 20px 0 0;
text-align:right;
}

#menuhaut li {
display:inline;
padding-left:10px;
padding-right:10px;
border-left:1px solid #fff;
font-weight:700;
}

a:link.haut,a:visited.haut,a:active.haut {
text-decoration:none;
color:#999;
}

a:hover.haut {
text-decoration:none;
color:#ccc;
}

#menugauche {
float:left;
width:282px;
padding:0;
margin-bottom: 20px;
background:#000 url(images/aboutbghorizontal.png) top left repeat-y;

}

#menuvertical {
width:232px;
padding:0;
margin:0 auto;
font-size:1.3em;
}

#menuvertical p,#menuvertical p.Actif {
margin:5px 0;
color: #777;
line-height:140%;
}

#menuvertical a.menuvertcat {
display:block;
color:#777;
font-size: 1.3em;
text-align:left;
padding:2px 12px 2px 0;
margin-bottom:4px;
margin-left: -5px;
/*font-variant:small-caps;
letter-spacing: 2px; */
text-decoration:none;
/*border-bottom:1px solid #ccc;
background:#f4f4e2;*/
/*font-family: georgia, times, times new roman;*/
font-weight: bold;
}

#menuvertical a.menuvert0, #menuvertical a.menuvert0Actif {
display:block;
text-align:left;
padding:1px 12px 1px 18px;
text-decoration:none;
/*background:#f4f4e2;
border-top: 1px solid #f4f4e2 ;
border-bottom: 1px solid #f4f4e2 ;*/
background-image:url('picts/puce.gif');
background-repeat:no-repeat;
background-position:2px 6px;
}



#menuvertical a.menuvert1, #menuvertical a.menuvert1Actif {
display:block;
text-align:left;
padding:2px 12px 2px 24px;
text-decoration:none;
/*background:#f4f4e2;*/
/*background-image:url('picts/puce1.gif');
background-repeat:no-repeat;
background-position:14px 6px;*/
}

#menuvertical a.menuvert2, #menuvertical a.menuvert2Actif {
display:block;
text-align:left;
padding:2px 12px 2px 34px;
text-decoration:none;
/*background:#f4f4e2;*/
background-image:url('picts/puce2.gif');
background-repeat:no-repeat;
background-position:24px 6px;
}

#menuvertical a.menuvert3, #menuvertical a.menuvert3Actif {
display:block;
text-align:left;
padding:2px 12px 2px 44px;
text-decoration:none;
/*background:#f4f4e2;*/
background-image:url('picts/puce3.gif');
background-repeat:no-repeat;
background-position:34px 6px;
}

#menuvertical a.menuvert4, #menuvertical a.menuvert4Actif {
display:block;
text-align:left;
padding:2px 12px 2px 54px;
text-decoration:none;
/*background:#f4f4e2;*/
}

#menuvertical a.menuvert5, #menuvertical a.menuvert5Actif {
display:block;
text-align:left;
padding:2px 12px 2px 64px;
text-decoration:none;
/*background:#f4f4e2;*/
}

#menuvertical a.menuvert0,#menuvertical a.menuvert1,#menuvertical a.menuvert2,#menuvertical a.menuvert3,#menuvertical a.menuvert4,#menuvertical a.menuvert5 {color: #777777;}

#menuvertical a.menuvert0Actif,#menuvertical a.menuvert1Actif,#menuvertical a.menuvert2Actif,#menuvertical a.menuvert3Actif,#menuvertical a.menuvert4Actif,#menuvertical a.menuvert5Actif {
color:#FFF;
/*background:#FFF;
border-top:1px solid #000;
border-bottom:1px solid #000;*/
}
#menuvertical a.menuvertcat:hover, a.menuvert0:hover,#menuvertical a.menuvert1:hover,#menuvertical a.menuvert2:hover,#menuvertical a.menuvert3:hover,#menuvertical a.menuvert4:hover,#menuvertical a.menuvert5:hover {color:#009865 ! important;}

/*#boxrech {
margin-right:60px;
font-size:0.9em;
width:120px;
color:#ccc;
background: none;
border:1px solid #ccc;
margin-top:1px;
}*/

.search1 {
margin-bottom:1px;
}

.search2 {
margin-top:3px;
margin-left:10px;
}

#plan {}

#plan .plantitre1 {             
font-size:1.2em;
text-align:justify;
margin-top:20px;
font-weight:700;
color: #000;
}

#plan .plantitre2 {            
font-size:1.2em;
text-align:justify;
margin-top:20px;
font-weight:700;
color: #000;
}

#plan .plantitre3 {             
margin:5px 0 0 10px;
font-size:1.2em;
font-weight:700;
color: #000;
}

#plan .plantitre4 {             
margin:5px 0 0 30px;
font-size:1.2em;
font-weight:700;
color: #000;
}

#plan .plantitre5 {             
margin:5px 0 0 50px;
font-size:1.2em;
font-weight:700;
color: #000;
}


#plan .niveau1,#plan .niveau2,#plan .niveau3,#plan .niveau4,#plan .niveau5,#plan .niveau6,#plan .niveau7 {
text-decoration:none;
color: #000;
}

.planlien1 {
margin:1px 0 0;
}

.planlien4 {
margin:1px 0 0 30px;
}

.planlien5 {
margin:1px 0 0 50px;
}


a.lienniveau1,a.lienniveau2,a.lienniveau3,a.lienniveau4,a.lienniveau5,a.lienniveau6,a.lienniveau7,a:active.lienniveau1,a:active.lienniveau2,a:active.lienniveau3,a:active.lienniveau4,a:active.lienniveau5,a:active.lienniveau6,a:active.lienniveau7,a:visited.lienniveau1,a:visited.lienniveau2,a:visited.lienniveau3,a:visited.lienniveau4,a:visited.lienniveau5,a:visited.lienniveau6,a:visited.lienniveau7 {
text-decoration:none;
color:#666;
}

.lignes {
color:#000;
text-align:left;
font-variant:small-caps;
font-weight:700;
padding-bottom:10px;
}

.inputbox-search {
background-color: #FFF;
color: #ccc;
background-image : url(picts/loupe.jpg);
background-repeat: no-repeat;
border-color:#777;
border-style:solid;
border-width:1px;
font-weight:bold;
font-size:0.9em;
padding: 3px 20px;
width:163px;
/*height:20px;*/
}


/*
.inputbox-contact {
font-family:Verdana, Helvetica, Arial, sans-serif;
background-color:#fff;
border-color:#000;
border-style:solid;
border-width:1px;
font-style:normal;
font-size:1.2em;
font-weight:400;
width:250px;
height:20px;
}*/

.inputbox-textarea {
font-family:Verdana, Helvetica, Arial, sans-serif;
background-color:#fff;
border-style:solid;
border-width:1px;
border-color:#999;
font-size:0.9em;
padding: 5px;
width:300px;
height:200px;
}



.cmpr {
color:#c00;
}

#adresse {
padding:5px 10px;
border:1px solid #903;
color:#000;
}

#nom-entreprise {                  display: none;}
width:780px;
margin:0 auto;
text-align:left;
font-size:1.9em;
font-style:italic;
padding:5px 0 10px;
color:#333;
}

#nom-entreprise a {
color:#000;
text-decoration:none;
background:#f4f4e2;
}

#nom-entreprise a:hover {
color:#fff;
text-decoration:none;
background:#f4f4e2;
}

#signature {
width:780px;
margin:0 auto;
text-align:right;
padding:0 10px 0 0;
font-size:1.2em;
}

#signature a {
color:#333;
text-decoration:none;
}

#langues a:hover,a.foot:link,a.foot:visited {
color:#fff;
text-decoration:underline;
}

.col1 {                                      
float:left;
width:50px;
height:20px;
}

.col2 {                                       
float:left;
width:50px;
height:20px;
}

.article_content h3,.article_content h4,.article_content h5,.article_content h6 {
font-weight:100;
}

a:link.lientitre,a:visited.lientitre,a:active.lientitre,#adresse a {
color:#000;
text-decoration:none;
}
a.lientitre:hover {color:#009865 ! important;}

a:hover.lientitre,#menuvertical a.menuvertcat:hover,#menuvertical a.menuvert0:hover,#menuvertical a.menuvert1:hover,#menuvertical a.menuvert2:hover,#menuvertical a.menuvert3:hover,#menuvertical a.menuvert4:hover,#menuvertical a.menuvert5:hover {
color:#903;
}

#footer,.cmpn {
display:none;
}



#plan .niveau1:hover,#plan .niveau2:hover,#plan .niveau3:hover,#plan .niveau4:hover,#plan .niveau5:hover,#plan .niveau6:hover,#plan .niveau7,a:hover.lienniveau1,a:hover.lienniveau2,a:hover.lienniveau3,a:hover.lienniveau4,a:hover.lienniveau5,a:hover.lienniveau6,a:hover.lienniveau7 {
text-decoration:none;
color:#903;
}

.planlien2,.planlien3 {
margin:1px 0 0 10px;
}

#adresse a:hover,#signature a:hover {
color:#ccc;
text-decoration:none;
}

.onglets {
/*width: 700px; */
margin: 5px 20px 20px 0 ;
text-align: right; 
font-weight: bold;
color: #000 ! important;
}
.onglets a:link, .onglets a:visited {color: #000;}



.onglets-langue-actif {float: left; padding: 3px 10px; border: 1px solid #efefef; margin-left: 5px; background: #efefef;}
.onglets-langue {float: left; padding: 3px 10px; border: 1px solid #efefef; margin-left: 5px; background: #fff;}
.onglets-recherche {float: left; }

.boxrech-form {margin-bottom: 0;}

.logodecale {
/*position: relative;*/
position: fixed;
top: 30px;
left: 40px; 
}

/*voir aussi .inputbox-search*/