/* CSS Document */
@charset "utf-8";
/* CSS Document */

body {
	 padding:0px;
	 margin:0px;
	 background:url(../images/tete-bg.gif) 0 0 repeat-x #fff;
	 color:#7D7D7D; font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, p, ul, form, label, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
img {
	border: none;
	font-size:1px;
	line-height:1px
	}
a
 {text-decoration:none; color:#dccf1f}
a:hover
 {text-decoration:underline}

label
 {display:block; position:relative;color:#777; float:left; width:130px;}

input, textarea
 {font-family:Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #AAA; margin-bottom:3px; background-color: #CCCCCC; width:350px;float:left;}
/*---o Gestion des blocks contenant un float pour qu'ils descendent jusqu'en bas du float. Ex <div class="maClass clearfix">...</div> */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Caché pour IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* Fin de caché pour IE-mac */
/*---------------------------------------*/
#page {margin-left:auto; margin-right:auto; width:1015px; border-right:1px solid #F60;border-left:1px solid #F60; }
.fond {background-image:url(../images/fond.jpg); background-repeat:repeat-y;}
#page p {color:#7d7d7d; }
/*----EN TETE----*/
#entete{width:1014px; height:184px; background:url(../images/entete.jpg) 0 0 no-repeat; background-position:right; position:relative;}
#entete img.logo{width:448px; height:45px; position:absolute; top:139px; right:-1px;}

#entete ul{width:140px; height:29px; background:url(../images/haut.gif) 0 0 no-repeat; position:absolute; top:23px; left:195px;}
#entete ul li{float:left;}

#entete ul li.accUeil{width:47px; height:29px; float:left;}
#entete ul li.accueil a{width:18px; height:16px; display:block; background:url(../images/accueil_hover.gif) 0 0 no-repeat; margin:3px 0 0 16px;  text-indent:-20000px;}
#entete ul li.accueil a:hover{background:url(../images/accueil_hover.gif) 0 0 no-repeat;}

#entete ul li.sitemap{width:43px; height:29px; float:left; padding-left:12px;}
#entete ul li.sitemap a{width:18px; height:16px; display:block; background:url(../images/sitemapoff.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#entete ul li.sitemap a:hover{background:url(../images/sitemapon.gif) 0 0 no-repeat;}

#entete ul li.contact{width:43px; height:29px; float:left;}
#entete ul li.contact a{width:18px; height:16px; display:block; background:url(../images/contact.gif) 0 0 no-repeat; margin:3px 0 0 15px;  text-indent:-20000px;}
#entete ul li.contact a:hover{background:url(../images/contact_hover.gif) 0 0 no-repeat;}

#corpentete{width:960px; position:relative; padding:1px 0 0;}
/*----/EN TETE----*/
#menud {
	height:60px;
	background-color:#FFF;}
#contenu {
	float:left;
	margin-left:5px;
	width:530px;}
#contenur {
	float:left;
	margin-left:5px;
	width:848px;}
#contenu2 {
	width:950px;
	margin-left:auto;
	margin-right:auto;}
#contenur p{
	clear:both;}
	#defil {
		float:left;
			width:436px;
		border-right:1px solid #F60;}
#cadremillieu {
	background-color:#fff;}
/*----Cadre haut gauche----*/
#hautgauche{width:995px; float:left; padding:0 2px;}
/*#hautgauche h2{height:53px; background:#fff; color:#FF9209; font:30px/53px Georgia, "Times New Roman", Times, serif;}*/
#hautgauche h3 {font:18px/40px Georgia, "Times New Roman", Times, serif; background:url(../images/fondh3.gif) 0 15px no-repeat #fff; color:#ABA501;}
#hautgauche p span{font-weight:bold;}

#hautgauche p.plus{width:73px; height:25px; margin:0 0 0 417px; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}
#hautgauche p.plus a{width:53px; height:25px; display:block; background:url(../images/rol_normal.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#hautgauche p.plus a:hover{background:url(../images/rol_hover.gif) 0 0 no-repeat #FAFAFA; color:#A67B03; text-decoration:none;}
/*----/Cadre haut gauche----*/

/*----Cadre haut droite----*/

#hautdroite{width:100%; float:left; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}

/*----Bouton 1-------------*/
#hautdroite li {display:inline;}
#hautdroite #graph{width:203px; height:58px; display:block; background:url(../images/cote.jpg) 0 0 no-repeat; font-size:18px; line-height:18px; position:relative; margin:0 auto; float:left;}
#hautdroite #graph h2{ height:22px; display:block; background:#fff; color:#FF8700; font-size:18px; position:absolute; top:7px; left:86px;}
#hautdroite #graph p{font-size:14px; position:absolute; top:30px; left:86px;}
#hautdroite #graph a{width:202px; height:58px; display:block; background:url(../images/imgbt.png) 13px 0 no-repeat; font-size:0px; text-decoration:none; margin:0 0 0 1px; text-indent:-2000px}
#hautdroite #graph a:hover{background:url(../images/imgbt2.png) 13px 0 no-repeat; text-decoration:none;}
/*----/Cadre menu haut----*/
#menu2 { height:30px;background:#fff; color:#FF8700; font-size:18px;}
#menu2 ul{ width:100%; border-top:1px solid #FF8700; border-bottom:1px solid #FF8700;}
#menu2 li {display:inline; padding-left:10px; padding-right:10px; border-right:1px solid #FF8700;}
#menu2 li a {font-size:15px; font-weight:bold; color:#FF8700; font-family:Arial, Helvetica, sans-serif;}
#menu2 li a:hover { text-decoration:none; color:#C09;}
#menu2 li.active a { text-decoration:none; color:#C09;}
#menu2 li.active a:hover { text-decoration:none; color:#FF8700;}

/*----/Cadre Menu Gauche---*/
#menu_gauche {float:left; width:125px; height:350px; border-right:1px solid #aaa; padding-left:5px; background-color:#eee}
#menu_gauche ul {width:115px;}
#menu_gauche li a{ font-size:12px; color:#900}
#menu_gauche li a:hover {color:#FF8700;}
#menu_gauche li.active a {color:#FF8700;}
#menu_gauche li.active a:hover {color:#DCCF1F;}
#menu_gauche
/*----Cadre millieu----*/
#cadremillieu{width:960px; padding:0 34px 0 36px; clear:both;}

#cadremillieu h3{height:65px;width:760px; background:#fff; color:#7D7D7D; font:30px/65px Georgia, "Times New Roman", Times, serif;}
#cadremillieu ul{width:807px; height:100px; margin:0px;}
#cadremillieu ul li{width:807px; height:28px;}
#cadremillieu ul li a{width:688px; height:20px; display:block; background:url(../images/puce.gif) 0 6px no-repeat #fff; color:#7D7D7D; font-size:16px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#cadremillieu ul li a:hover{background:url(../images/puce.gif) 0 6px no-repeat #fff; color:#5C5C5C; text-decoration:none;}

#cadremillieu h4{width:798px; height:24px; display:block; float:left; background:url(../images/lignebordure.jpg) 100% 100% no-repeat #fff; color:#CCC502; font-size:30px; line-height:24px; padding:0px; margin:0px;}

#cadremillieu p.plus{width:73px; height:25px; display:block; float:left; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; margin:0 0 0 6px;}
#cadremillieu p.plus a{width:53px; height:25px; display:block; background:url(../images/rol_normal.gif) 0 0 no-repeat #FAFAFA; color:#fff; padding:0 0 0 20px; text-decoration:none;}
#cadremillieu p.plus a:hover{background:url(../images/rol_hover.gif) 0 0 no-repeat #FAFAFA; color:#A67B03; text-decoration:none;}
/*----/Cadre millieu----*/

/*----Cadre bas----*/
#cadrebas{width:896px; padding:0px 36px; clear:both; background-color:#fff}
	/*----Cadre bas gauche----*/
	#basgauche{width:250px; float:left; padding:27px 0 0;}
	
	#basgauche p.online{width:250px; height:107px;}
	#basgauche p.online a{width:250px; height:107px; display:block; background:url(../images/online-chat.jpg) 0 0 no-repeat; text-indent:-20000px;}
	#basgauche p.online a:hover{background:url(../images/online-chat.jpg) 0 0 no-repeat; text-indent:-20000px;}
	
	#basgauche form{width:250px; height:137px; background:url(../images/form.gif) 0 100% no-repeat; position:relative;}
	#basgauche form h2{width:224px; height:38px; display:block; background:url(../images/form-h2-bg.gif) 0 0 no-repeat #fff; color:#716D12; font:20px/40px Georgia, "Times New Roman", Times, serif; padding:7px 0 0 26px;}
	#basgauche form label{width:150px; height:18px; display:block; background:#fff; color:#7D7D7D; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold;}
	#basgauche form label.labeltopmarginun{position:absolute; top:49px; left:26px;}
	#basgauche form label.labeltopmargindeux{position:absolute; top:92px; left:26px;}
	
	#basgauche form input{width:135px; height:17px; font-size:14px;}
	#basgauche form input.inputtopmarginun{position:absolute; top:69px; left:26px;}
	#basgauche form input.inputtopmargindeux{position:absolute; top:110px; left:26px;}
	#basgauche form input.botton{width:60px; height:23px; display:block; background:#fff; color:#7D7D7D; border:none; position:absolute; top:110px; right:20px; font:16px/23px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
	
	#basgauche h3{width:250px; height:28px; background:#fff; color:#7D7D7D; font:22px/23px Arial, Helvetica, sans-serif; padding:11px 0 0;}
	
	#basgauche p.enregistrer{width:250px; height:22px; font:18px/22px Arial, Helvetica, sans-serif;}
	#basgauche p.enregistrer a{width:250px; height:22px; display:block; background:url(../images/fdenregistr.gif) 116px 6px no-repeat #fff; color:#FEA905; text-decoration:none; }
	#basgauche p.enregistrer a:hover{background:url(../images/fdenregistr.gif) 116px 6px no-repeat #fff; color:#C98703; text-decoration:none; }
	
	/*----/Cadre bas gauche----*/
	
	/*----Cadre bas droite----*/
	#basdroite{width:587px; float:left; padding:42px 0 0 49px;}
	#basdroite h2{width:350px; height:33px; font:30px/33px Georgia, "Times New Roman", Times, serif; background:#fff; color:#FF8500;}
	#basdroite h3{width:115px; height:40px; font:18px/40px Georgia, "Times New Roman", Times, serif; background:url(../images/fondh3.gif) 0 15px no-repeat #fff; color:#FF8500; padding:0 0 0 291px;}
	
	#basdroite p{padding:6px 0;}
	#basdroite p span{font-weight:bold;}
	
	#basdroite p.txtvert{background:#fff; height:72px; color:#ABA501; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; padding:10px 0 0;}
	/*----/Cadre bas droite----*/
	
	/*----Cadre pied de page----*/
	#cadrepieddepage{height:126px; background:url(../images/piedbg.gif) 0 0 repeat-x #F1F1F1; color:#585858; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:68px 0 0;}
	
	#piedepage{width:706px; position:relative; padding:0 0 0 16px; margin-left:auto; margin-right:auto;}
	
	#piedepage ul{width:480px; height:20px; position:relative; margin:0 auto;}
	#piedepage li{float:left; }
	#piedepage ul li a{padding:0 10px 0; color:#585858; background:#F1F1F1; text-decoration:none; font-size:12px;}
	#piedepage ul li a:hover{text-decoration:underline;}
	
	#piedepage p.copyright{width:460px; position:relative; margin:0 auto; color:#9F5300;  font-size:13px;}
	
	#piedepage ul.aptitude{width:250px; background:#F1F1F1; color:#585858; display:block; position:absolute; top:70px; left:555px; font-size:10px;}
	#piedepage ul.aptitude li{height:20px;}
	#piedepage ul.aptitude li a{background:#F1F1F1; display:block; color:#585858; text-decoration:none; padding:0px;}
	#piedepage ul.aptitude li a:hover{text-decoration:underline;}
	
	#piedepagehtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:555px;}
	#piedepagehtml a{width:66px; height:24px; display:block; background:url(../images/html-nor.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
	#piedepagehtml a:hover{background:url(../images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
	#piedepagecss{width:58px; height:24px; display:block; position:absolute; top:45px; left:630px;}
	#piedepagecss a{width:50px; height:24px; display:block; background:url(../images/normal.gif) 0 0 no-repeat #F1F1F1; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
	#piedepagecss a:hover{background:url(../images/hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
	/*----/Cadre pied de page---*/
/*----/Cadre bas----*/

/*----Formulaire---*/
form p{line-height:18px;}
/*----/Formulaire---*/
/*----Galerie--*/
#gal {
	background-image:url(../images/gal.png);
	background-repeat:no-repeat;
	width:350px;
	height:243px;
	margin-left:45px;
	margin-top:10px;
	float:left;
	z-index:510;}
#defcont {
	width:435px;
	height:270px;
	margin-top:40px}
/*----Hideslide-----*/
.highslide {
	cursor: url(http://www.decominis.com/assets/snippets/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	margin:10px;
	padding:5px;
	border: 1px solid gray;
}
.highslide:hover img {
	padding:5px;
	border: 1px dashed #CCCCCC;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(http://site.espaceberson.fr/assets/snippets/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background: url(http://www.decominis.com/assets/snippets/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(http://www.decominis.com/assets/snippets/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}