body{ 
/*background-image: url("../images/fond_website.png");
background-repeat: repeat-x;*/
margin:auto;
width:1020px;
background-color: #cbc697;
}

/*--------------------------------------- MENU FLASH HAUT ---------------------------------------------- */
#menu_top{
position:relative;
top:-100px;
left:200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
margin:0;
padding:0;
border:none;
z-index:10;
}
#menu_flash{
position:absolute;
left:0px;
}
object {
margin: 0px;
padding: 0px;
}
#appui{
position: absolute;
top:100px;
left:0px;
width:180px;
height: 80px;
padding: 10px;
background-color: #B7B5C8;
margin: 0;
}
#appui p{
margin-top:0;
}
#appui a{
font-weight: bold;
text-decoration: none;
color: white;
}
#appui a:hover{
text-decoration: underline;
}
#formation{
position: absolute;
top:100px;
left:200px;
width:180px;
height: 80px;
padding: 10px;
background-color: #CC99B2;
margin: 0;
}
#formation p{
margin-top:0;
}
#formation a{
font-weight: bold;
text-decoration: none;
color: white;
}
#formation a:hover{
text-decoration: underline;
}
#information{
position: absolute;
top:100px;
left:400px;
width:180px;
height: 80px;
padding: 10px;
background-color: #FEA87F;
margin: 0;
}
#information p{
margin-top:0;
}
#information a{
font-weight: bold;
text-decoration: none;
color: white;
}
#information a:hover{
text-decoration: underline;
}
#amenagement{
position: absolute;
top:100px;
left:600px;
width:180px;
height: 80px;
padding: 10px;
background-color: #B2CC99;
margin: 0;
}
#amenagement a{
font-weight: bold;
text-decoration: none;
color: white;
}
#amenagement p{
margin-top:0;
}
#amenagement a:hover{
text-decoration: underline;
}
#amenagement img {
border:none;
}

#cadre_cci{
position:absolute;
background:white;/*#b7b5c8;*/
height:100px;
width:200px;
text-align:center;
}
#cadre_cci img{
margin-top:25px;
border:none;
}

#barre-h{
position:relative;
top:200px;
left:-200px;
width:1000px;
height:5px;
background-image:url("../images/barre-h.png");
background-repeat: no-repeat;
background-position: bottom left;
}
/*--------------------------------------- MENU PRINCIPAL GAUCHE ---------------------------------------------- */

#menu_main{
float:left;		
position:absolute;
width:180px;
margin-top:120px;
padding-left:10px;
}
#menu_main_top{
background-image:url("../images/menu_top.png");
background-repeat: no-repeat;
background-position: top left;
height:10px;
width:180px;
margin-bottom:0;
padding-bottom:0;
}
#menu_main_bottom{
background-image:url("../images/menu_bottom.png");
background-repeat: no-repeat;
background-position: top left;
height:10px;
width:180px;
}
#menu_principal{
background-image:url("../images/menu_principal.png");
background-position: top left;
width:180px;
margin-top:0px;
padding-top:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
#menu_principal .mainlevel{
width: 180px;
font-weight: bold;
color: #990033;
text-decoration: none;
margin: 5px 0 0 0;
}
#menu_principal .sublevel li{
padding-left:0;
}
#menu_principal #mainlevel{
margin-top:2px;
margin-bottom:2px;
list-style-image: url("../images/fleche_stat.gif");
}
#menu_principal #mainlevel:hover{
list-style-image: url("../images/fleche_mouv.gif");
}
#menu_principal .sublevel{
width: 170px;
color: #990033;
text-decoration: none;
margin: 5px 0 5px 0;
}
#menu_principal #sublevel{
margin-top:2px;
margin-bottom:2px;
padding-left:0px;
margin-left:5px;
list-style-image: url("../images/fleche_stat.gif");
}
#menu_principal .sublevel:hover{
font-weight:bold;
}



/*--------------------------------------- TITRE DES ARTICLES ---------------------------------------------- */

#main-component .contentheading{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #663333;
font-size: 12px;
background-image: url("../images/carre_titre.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 70px;
margin: 20px 0 20px 0;
}

#main-component .componentheading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #663333;
font-size: 11px;
background-image: url("../images/carre_titre.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 70px;
margin: 20px 0 20px 0;
}

/*///////////////// rubriques liens utiles /////////////////////////////////////*/
a.category {
color: #602220;
background-image: url("../images/fleche_lien.gif");
background-repeat: no-repeat;
background-position: top left;
padding-left: 10px;
}

/*/////////////////////// fil d'ariane /////////////////////////////////////////////*/
span.pathway {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3e3e3e;
text-decoration: none;
margin-bottom:20px;
font-size: 9px;
margin: 0 3px 0 0;
}

a.pathway {
color: #3e3e3e;
text-decoration: none;
}

#corps{
padding-left:10px;
background-image: url("../images/corps.png");
background-repeat: repeat-y;
}

#corps_bottom{
background-image: url("../images/fond-main_bottom.png");
background-repeat: no-repeat;
height:30px;
}

#footer{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#696969;
margin-top:2px;
margin-bottom:5px;
text-align:center;
font-size:9px;
}

#footer a{
color:#696969;
}

#cadre_nav img{
position:relative;
top:5px;
margin:0 5px 0 5px;
}

#header{
position:relative;
margin-top:10px;
width:1020px;
height:210px;
z-index:5;
}

#header img{
border:none;
}

/*-------------------------------------------------------- IMAGE HAUT DROITE (HEADER) ----------------------------------------------------*/

#picto_header{
position:relative;
bottom:185px;
left:780px;
width:300px;
}
#contact{
position:absolute;
top:0;
left:0px;
}
#contact img, #plan_site img{
border:none;
}

#contact a, #plan_site a{
text-decoration:none;
} 

#plan_site{
position:absolute;
top:0;
left:40px;
}

#find{		   
position:relative;
top:40px;
}

#find .button{
width: 30px;
height: 20px;
background-color: #A5CA19;
font-weight: bold;
color: white;
}
#find .inputbox{
border: 1px solid #A5CA19;
border-right:none;
padding-left: 10px;
color: #3e3e3e;
}

#find .inputbox:focus{
background-color:rgb(239,222,208);
}

/*-------------------------------------------------------- CORPS DE LA PAGE ----------------------------------------------------*/

#main-component{
width:779px;
margin-left:200px;
padding-top:110px;
padding-left:10px;
padding-bottom:20px;
min-height:520px;
}

.article_column img{
border:none;
}

.contentpaneopen, .contentpane{	
color: #3e3e3e;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-spacing:0; /* Mise à zéro d'une propriété par défaut des navigateurs */
font-size:10px;
padding: 0;
margin: 0 50px 0 0;
}
.contentpaneopen a{
color: #A5CA19;
font-weight:bold;
text-decoration:none;
padding-left:0px;
}
.contentpaneopen img{
border:none;
}
.contentdescription{
margin-top: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;	
color: #3e3e3e;
}

.contentpane td{
padding-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;	
color: #3e3e3e;
padding-right: 30px;
}
#main-component .blog_more{
display:none;
}
/* spacer = balise div rajoutée manuellement dans content.html.php
elle permet d'avoir toujours un espace entre chaque article//////////////////////*/
#spacer{
margin: 15px;
}

#main-component .pagenav_prev a { 
color: #A5CA19;
font-size: 9px;
text-decoration: none;
}

#main-component .pagenav_prev{
border: 1px solid #A5CA19;
padding: 5px;
width: 75px;

}
#main-component .pagenav_next{
border: 1px solid #A5CA19;
padding: 5px;
width: 75px;
}
#main-component .pagenav_next a { 
color: #A5CA19;
font-size: 9px;
text-decoration: none;
}

#main-component .pagenavbar:hover{ 
color: #666666;
}

#main-component .pagenavbar{
border: 1px solid #A5CA19;
padding: 5px;
width: 75px;
text-decoration: none;
}

#main-component .contentheading_contact {
font-weight: bold;
}

#lien_inscription img{
border:none;
}