@import url(csswysiwyg.css);
@import url(accordion.css);

a { text-decoration: none; }

body { 
	margin: 0px;
	font: normal 9pt verdana; 
	color: #333333;
}

#fond { 
	position: relative; 
	width: 1053px;
	margin: 0px auto; 
}

#global { 
	position: relative; 
	width: 925px;
	margin: 0px auto; 
}

.message {
	position: absolute;
	top: 0px;
	width: 100%;
	font: bold 12pt verdana;
	color: #333333;
	text-align: center;
	height: 30px;
}


/* Common */
img { border: 0px; }

#footer { 
	float: left;
	font: normal 8pt verdana; 
	color: #000; 
	width: 920px;
	height: 39px;
	text-align: center; 
    text-decoration: none;
    padding-top: 12px;
    margin-top: 15px;
    font: normal 8pt verdana;	
    background: url(../images/fond-footer.jpg) top left no-repeat;
}

#footer a, #footer a:active, #footer a:visited { 
	text-decoration: none; 
	padding: 5px;
	color: #000; 	
}

#footer a:hover { 
	color: #333;
}

#footer .base {
	font-size : 9px;
}

/* tetiere */
#tetiere { 
	width: 100%; 
	height: 145px; 
	margin: 0px; 
	padding: 0px; 
	display: block;
}


/* Contenu central */
#container { 
	float: left;
	margin-top: 22px;
	width: 924px;
	min-height: 430px;
}

#container .accueil {
	background: none;
}	

#content {
	float: left;
	background: #fff;
	min-height: 450px;
	width: 924px;
	padding: 0px;
	margin: 0px;
}

#content .accueil {
	margin-top: -30px;
}

#article {
	float: left;
	clear: left;
	margin: 0 0 0 10px;
	width: 99%;
	padding: 0px 0px 0 0;
}

#actualite {
	float: left;
	clear: left;
	margin: 0 0 0 10px;
	width: 97%;
	padding: 0px 10px 0 0;
}

.date {
	float: left;	
	margin-top: -15px;
	color: #333;
	font: normal 8pt verdana;
}

/* Fil d'ariane */
/*#ariane { 
	position: absolute;
	top: 170px;
	left: 2px;
	margin: 5px 0 20px 10px;
	height: 20px;
}
.ariane a { 
	color: #333333; 
	text-decoration: none; 
}
*/

.ariane { 
	color: #333; 
	text-decoration: none; 
	font-size: 10px;
}

#logo {
	position: absolute;
	top: 10px; 
	left: 18px;
	width: 396px;
	height: 97px;
	text-indent: -10000px;
}

#numtel {
	position: absolute;
	top: 0px; 
	right: 0px;
	width: 179px;
	height: 33px;
	background:no-repeat top left;
	text-indent: -10000px;
}

/********** MENU **********/
#menu {  
	position: absolute;
	top: 105px;
	width: 915px;
	height: 30px; 
	margin: 0px;
	padding: 5px;
	background: url(../images/fond-menu.jpg) repeat-x top left;
}

#menu a {
	height: 20px;	
	text-align: center;
	color: #fff;	
	float: left;
	padding: 8px 1px 0 1px;	
	margin-right: 6px;
	font: normal 9px verdana;
	letter-spacing: 0.5px;
}
/*
* html #menu a { font: normal 8px verdana; }	
*:first-child+html #menu a { font: bold 8px verdana; }
 firefox 
html:not([lang*=""]) #menu a { font: bold 8px verdana; letter-spacing: 0.8px; }*/

#menu .separ {
	float: left; 
	width: 4px;
	height: 24px;
	color: #fff;
	padding: 6px 2px 0 2px;
	background: url(../images/separ.jpg) no-repeat top left;
}

.solution-off, .solution-on {
	display: block;
	width: 164px;
	height: 26px;
}

.solution-off {
	background: url(../images/menu-solution-off.jpg) no-repeat top left;
}

.solution-on, .solution-off:hover  {
	background: url(../images/menu-solution-on.jpg) no-repeat top left;
}

.offre-off, .offre-on {
	display: block;
	width: 136px;
	height: 26px;
}

.offre-off  {
	background: url(../images/menu-offre-off.jpg) no-repeat top left;
}

.offre-on, .offre-off:hover {
	background: url(../images/menu-offre-on.jpg) no-repeat top left;
}

.contact-off, .contact-on {
	display: block;
	width: 100px;
	height: 26px;
}

.contact-off  {
	background: url(../images/menu-contact-off.jpg) no-repeat top left;
}

.contact-on, .contact-off:hover {
	background: url(../images/menu-contact-on.jpg) no-repeat top left;
}

.connaitre-off, .connaitre-on {
	display: block;
	width: 103px;
	height: 26px;
}

.connaitre-off  {
	background: url(../images/menu-connaitre-off.jpg) no-repeat top left;
}

.connaitre-on, .connaitre-off:hover {
	background: url(../images/menu-connaitre-on.jpg) no-repeat top left;
}


.accueil-off, .accueil-on {
	display: block;
	width: 51px;
	height: 26px;
}

.accueil-off  {
	background: url(../images/menu-accueil-off.jpg) no-repeat top left;
}

.accueil-on, .accueil-off:hover {
	background: url(../images/menu-accueil-on.jpg) no-repeat top left;
}

.recherche-off  {
	display: block;
	width: 72px;
	height: 26px;
	background: url(../images/menu-recherche-off.jpg) no-repeat top left;
}

/*
#menu .accueilon {
	background: #eb3a27;
	width: 59px;
		
}

#menu .tton {
	background: #eb3a27;
}

#menu .accueil:hover {
	background: red;
}

#menu .autre {	
	background: #0da2b3;	
	padding: 8px 5px 0 5px;	
}

#menu .accueil, #menu .accueilon  {
	padding: 8px 5px 0 5px;	
}

#menu .autre:hover {
	background: #10bed2;
}
*/
/*
#menubarre a:hover {
	background: #10bed2;	
}*/

/*
#menu .offrespec:hover, #menu .isonspec {
	background: #975d00;	
}
*/

#submenu {  
	position: absolute;
	z-index: 10000;
	top: 143px;
	left: 0px;
	width: 915px;
	margin: 0px;
	padding: 5px;
	height: 15px;
	text-align: center;
	color: #fff;
}

.submenugreen {
	background: url(../images/fond-submenu-green.jpg) repeat-x top left;
}


.submenured {
	background: url(../images/fond-submenu-red.jpg) repeat-x top left;
}

.submenubrown {
	background: url(../images/fond-submenu-brown.jpg) repeat-x top left;
}


#submenu a {
	text-decoration: none;
	color: #fff;
	font: bold 11px verdana;
	padding: 0 5px 0 5px;
}	

#submenu .submenuon, #submenu a:hover {
	font: bold 11px verdana;
	color: #333333;
}

#recherche {
	position: absolute;
	top: 5px;
	right: 22px;
	width: 250px;
}

#isearch {
	width: 145px;
	height: 20px;
}

.bout-ok, .bout-ok:hover {
	display: block;
	position: absolute; 
	right: 0px; top: 7px;
	width: 25px;
	height: 26px;
	background: url(../images/bout-ok.jpg) no-repeat top left;	
}

/* accueil */
#une {
	position: absolute;	
	top: 150px; right: 0px;
	width: 308px;
	height: 110px;
	background: #fff;
}

#une-top {
	background: #e3e3e3 url(../images/fond-tit-box-actu.jpg) no-repeat top left;	
	height: 30px;	
}

#une-bot {
	float: left;
	background: url(../images/fond-une-bot.jpg);
	height: 80px;	
	padding: 10px 12px 0px 18px;
	width: 97%;
}

#une-bot a, #une-bot .touteactu {
	text-decoration: none;
	color: #333;	
	font: normal 10pt verdana;
}

#une-top .rss, #une-bot .touteactu, #boxoffre .toutes, #boxsolution .toutes {
	color: 	#ed4b3b;
	text-decoration: none;
	font: normal 9pt verdana;	
}

#une-top .rss {
	float: right;	
	padding-right: 22px;
	margin-right: 10px;
	width: 140px;
	height: 18px;
	background: url(../images/rss-icon.png) no-repeat top right;
	margin-top: 9px;
	text-align: right;
}	


#une-bot .titre {
	font: bold 10pt verdana;
	color: #CA003B;
	/*text-transform: uppercase;*/
	padding: 0px;
}

#une-bot a {
	font: normal 12px verdana;
}

#une-bot .touteactu {
	float: right;
	text-indent: 15px;
	background: url(../images/fleche-orange.png) bottom left no-repeat;
	margin-top: 10px;
	margin-right: 15px;
	height: 12px;
}

#une-bot p a {
	font-size: 12px;
}

/* Accueil zone du bas */
#zonebot { 
	position: absolute;
	top: 280px;
	left: 0px;
	background: #fff;
	width: 100%;
	height: 304px;	
}

#boxsolution, #boxoffre, #boxacces {
	position: absolute;
	top: 10px;
	width: 290px;
	height: 302px;
		
}

#boxsolution {
	left: 12px;
	padding-top: 32px;
	background: url(../images/fond-solution.jpg) no-repeat top left;
	border: 0px;
}

#boxsolution .cadre {
	border-top: 2px solid #eaeaea;	
	border-left: 2px solid #eaeaea;	
	border-right: 2px solid #eaeaea;	
	height: 280px;
	padding: 0px;
}

#boxoffre {
	left: 315px;
	background: url(../images/fond-offre-specifique.jpg) no-repeat top left;
	padding-top: 40px;
}

#boxoffre .offre {
	color: #a16c06;
	font: bold 11px verdana;
}

#boxoffre .lesoffre {
	float: right;
	height: 50px;
	width: 215px;
	padding-bottom: 18px;
}

#boxoffre .lesoffre a {
float: left;
	color: #333333;
	text-decoration: none;
	font: normal 11px verdana;	
	line-height: 12px;
}


#boxoffre .toutes, #boxsolution .toutes {
	position: absolute;
	top: 320px;
	text-indent: 10px;
	background: url(../images/fleche-orange.png) bottom left no-repeat;
	background-position: 0px 4px;
	height: 12px;
	width: 100%;
}


/* BOC ACCES PUB ET LIENS */
#boxacces {
	top: 10px;
	right: 10px;	
	width: 300px;
	height: 109px;
	background: url(../images/fond-acces-rapide.jpg) no-repeat top left;		
}

#boxacces .linkune {
	float: left;
	margin: 35px 0 0 20px;
	line-height: 10px;
}

#boxacces .linkune a {
	float: left;
	text-indent: 20px;	
	background: url(../images/tick-red.png) no-repeat top left;
	color: #3349a4;
	font: bold 8pt verdana;
	height: 12px;
}

#boxacces .linkune a:hover {
	color: #10bed2;
}

#boxacces .pubbas {
	display: block;
	float: left;
	margin-top: 10px;
	width: 300px;
	height: 250px;	
}

#contact input, #contact select {
	width: 350px; 
	height: 20px;	
	border: 1px solid #99999a;
	font: normal 10pt verdana;
	margin-top: 2px;
}

#contact .monmessage {
	width: 350px;
	height: 70px;
	border: 1px solid #99999a;
	font: normal 10pt verdana;	
	padding: 0px;
}

#contact .label {
	font: bold 13px verdana;
	color: #333;
	padding-right: 5px;
}

hr { border: 1px solid #eaeaea; }


/* resultat du moteur de recherche */
.search_results .restitre {
	color: #3349a4;
	font: bold 8pt verdana;
}

.search_results .restitre:hover {
	color: #10bed2;
}

#myform {
	padding: 0 10px 10px 10px;
	min-height: 350px;
}

#formulaire {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 100000;
	background: url(../images/transparent.png);
}


#leform {
	margin: 10% auto;
	border: 6px solid #333;
	width: 600px;
	background: #fff;
	overflow: hidden;
	z-index: 100000;
	padding: 10px;
}

#merci {
	float: left;
	width: 600px;
	display: block;
	margin-top: 10px;
	font: bold 14pt arial;
	color: #333333;
}



.recherche-off-mod {
	background:none;
	text-transform:uppercase;
	font-family:Arial; 
	font-size:11px; 
	font-weight:bold;
	display: block;
	width: 72px;
	height: 26px;
	float:left;
	color:#FFF;
	line-height:26px;
	margin-right:4px;
	margin-top:3px;
}

 #marecherche {
 	margin-top:4px;
}

.clear {
	clear:both;
}


/*MENU PRINCIPAL*/

#menu-horizontal {
	list-style:none;
	padding:0px;
	margin:0px;
	margin:-1px 0px; 
	padding:2px 10px;
}

	#menu-horizontal  .separ {
		padding: 6px 1px 0 0px;
	}

	#menu-horizontal li {
		float:left;
		padding:0px 4px;
		margin-right:2px;
		margin-top: -16px;
		
	}
	
		.recherche-txt, #menu-horizontal li a {
			font-family:Arial; 
			font-size:11px; 
			font-weight:bold;
		}
	
	.mh-red:hover, .mh-red-on  {background-color:#E92614;}
	.mh-green:hover, .mh-green-on  {background-color:#099DAB;}
	.mh-brown:hover, .mh-brown-on  {background-color:#9D7201;}
	
	#menu-horizontal a { 
		margin:0px;
	}

/* Languages */

	#lang {
	
		margin:0px;
		top:85px;
		position:absolute;
		width:84px;
		padding-left:865px;
		
	
		z-index:10;
	}
	
	#lang-content {
		width:84px;
		height:24px;
		background-image:url('../images/bg_lang.png');
	}
	
		#lang a {
			display:block;
			margin:5px 0px 0px 6px;
			float:left;
		}