@charset "utf-8";
html { font-size: 100%; }
body  {
	/* font: 100% Verdana, Arial, Helvetica, sans-serif; */
	font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #fff;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center; /* ce paramètrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite alignè à gauche (valeur par dèfaut) dans le sèlecteur #container */
	color: #1B1B1B;
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	_background-attachment: fixed;
}
a{
	color:#575757;
	text-decoration: none;
}
img{
border:none;
}
a:hover{
	color:#444444;
	text-decoration:underline;
}
h1{
	color:#CCC;
	margin-top:100px;
} 
h2{
	text-align : center;
	text-decoration : none;
	font-size : 19px;
	color : #000;
	border: 0px;
	margin: 0px;
	padding: 15px 10px 5px 10px;
	letter-spacing: 1px;
	word-spacing: 1px;
} 
h3{
	font-size : 17px;
	font-weight : bold;
	color : #000033;
	margin: 3px 0px 2px 15px;
	letter-spacing: 1px; 
	word-spacing: 0.1em;
} 
h4{
	text-align : Left;
	text-decoration : none;
	font-size : 20px;
	font-weight : bold;
	color : #000033;
	border: 1px;
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 15px;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	border-style: dotted;
} 
.center {
	text-align: center;
	margin: 5px 5px 5px 5px;
	text-indent: 30px;
} 
.center2 {
	text-align: center;
	margin-left:200px;
} 
.center3 {
	text-align: center;
} 
.centerpink{
	text-align: center;
	margin: 5px 5px 5px 5px;
	text-indent: 30px;
	color: #b70073;
	text-decoration: underline;
} 
.quote{
	margin: 5px 50px 5px 50px;
	padding: 5px 25px 5px 10px;
	color: #b70073;
	border-style: dotted;
	border-width: 1px;
	border-color: #FFF;
} 
.tblx{
	text-align: left;
	font-size: 15px;
	padding: 2px 0px 2px 20px;
	list-style: none;
}
.justify {
	text-align: justify;
	margin: 2px 0px 2px 5px;
	text-indent: 30px;
} 
.nouvelles {
	text-align: justify;
	margin: 2px 0px 2px 5px;
	text-indent: 30px;
} 
p {
	margin: .3em 0.5em .1em 0.5em;
	font-size: 15px;
	font-style: normal;
	padding: 0px 11px 5px 11px;
	text-align:justify;
}
body.acc p {	margin: 1.3em 0.5em 1em 0.5em;}
div#page {
     margin: auto;
     width: 1000px;
}
/*div#page .ul {
	margin: .3em 0 .1em 0;
	font-size: 14px;
	font-style: normal;
	padding: 0 10px 0 35px;
}*/
#conteneur{	
	width:1000px; 
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}
#entete {
	height:150px; 
	margin-left: auto;
	margin-right: auto;
}
#cadremenuvert {
	width: 210px;
	float: left;
	clear:both;
}
#cadremenuvert .hPart {
	background-image: url(img/menuvertical/210hpart.png);
	height: 75px;
}
#cadremenuvert .hUnivers {
	background-image: url(img/menuvertical/210hunivers.png);
	height: 75px;
} 
#cadremenuvert .hBio {
	background-image: url(img/menuvertical/210hbio.png);
	height: 75px;
}
#cadremenuvert .hPro {
	background-image: url(img/menuvertical/210hpro.png);
	height: 75px;
} 
#cadremenuvert .hAtelier {
	background-image: url(img/menuvertical/210hatelier.png);
	height: 75px;
} 
#cadremenuvert .h {
	background-image: url(img/menuvertical/210h.png);
	height: 6px;
} 
#cadremenuvert .m {
	background-image: url(img/menuvertical/210m.jpg);
	background-repeat: repeat-y;
} 
#cadremenuvert .b {
	background-image: url(img/menuvertical/210b.png);
	float:left;
	height: 6px;
	width: 210px;
	-background-repeat: no-repeat;
	-background-position: bottom;
	-margin-top:-17px;
}  
#devis{
	background-image: url(img/devis.png);
	height: 90px;
	width: 210px;
	clear:both;
	float:left
}

/* Menu de page ***************************************************************/

#menuvert {
	font-size : 14px;
	list-style: none;
	/** on supprime le padding et les margin par defaut, on rajoute un padding en haut et en bas **/
	width: 210px;
	float:left;
	background-image: url(img/menuvertical/210m.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

#menuvert ul {
list-style: none;
margin: 0;
}
#menuvert span{
	padding-left: 5px;
}

#menuvert li a {
height: 24px;
text-decoration: none;
	-margin-left:-20px;
	-padding-left:15px;
} 
/* N'oubliez pas de renseigner l'adresse des images */
#menuvert li a:link, #menuvert li a:visited {
	color: #CCC;
	display: block;
	padding: 8px 0 0 10px;
}

#menuvert li a:hover {
	color: #333;
	background: url(img/menu22.png);
	padding: 8px 0 0 10px;
	-margin-left:-20px;
	-padding-left:10px;
}

 /******************************************************************************/
#bloc2 {
	width: 783px;
	position: relative;
	padding: 0px 0px 0px 2px;
	text-align:left;
	float: right;
	-clear:both;
	-padding:0px;
}
#bloc2 .h {
	background-image: url(img/783h.png);
	height: 56px;
} 
#bloc2 .m {
	background-image: url(img/783m.png);
	width: 783px;
	background-repeat: repeat-y;
	padding: 1px 1px 1px 1px;
	margin: 0 5px 0 0px;
}
#bloc2 .mindex {
	background-image: url(img/783m.png);
	width: 783px;
	background-repeat: repeat-y;
	padding: 1px 1px 1px 1px;
	margin: 0 5px 0 0px;
	height:347px;
}
#bloc2 .b {
	background-image: url(img/783b.png);
	width: 783px;
	height: 9px;
	-background-repeat: no-repeat;
	-background-position: bottom;
	-margin-top:-14px;
} 
 /*	float: left; */
 
#bloc2 .poesie {
	text-align: center;
	margin: 7px 0px 5px 0px;
}

#bloc2 .tab {
	text-align: justify;
	margin: 0px 0px 0px 50px;
} 
#bloc2 .poesie {
	text-align: center;
	margin: 7px 0px 5px 0px;
} 
.conteneur_haut {
	background-image: url(img/bloc_haut.png);
	width: 1000px;
	height: 56px;
} 
.conteneur_centre {
	background-image: url(img/bloc_centre.png);
	width: 1000px;
	background-repeat: repeat-y;
	padding: 1px 1px 1px 1px;
} 
.conteneur_bas {
	background-image: url(img/bloc_bas.png);
	width: 1000px;
	height: 9px;
	-background-repeat: no-repeat;
	-background-position: bottom;
	-margin-top:-14px;
} 
.espace-bloc {
	height:7px;	
	clear: right;
}
.espace-bloc-g {
	height:7px;	
	clear: left;
}
.espace-bloc-d {
	height:7px;	
	clear: right;
}
.contacter {
	font-size: 15px;
	color:#FFFFFF;
	background-image: url(img/mecontactern.png);
	height: 26px;
	margin: 0 auto;
	width: 980px;
	text-align: left;
}
.contacter a{
	color:#BBDDEE;
	text-decoration:none;
}
.contacter a:hover{
	color:#CCC;
	text-decoration:underline;
}
.contacter .droite {
	text-align:right;	
	margin: -18px 0 0 0;
}
.siret {
	font-size: 14px;
	height: 24px;
	padding: 0px 0px 4px 20px;
	width: 980px;
	text-align: left;
}
p.description{
	font-size: 14px;
	text-align: right;
	padding: 0px 15px 2px 0px;
	margin:0;
	font-style: italic;
} 
.copyright{
	color:#333;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.copyright a{
	color:#333;
}
.copyright a:hover{
	color:#333;
	text-decoration:underline;
}
.copyright2{
	color:#666;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
}
p.tarif-d{
	text-align: right;
	font-size: 14px;
	padding: 4px 0px 4px 0px;
}
p.tarif-g{
	text-align: left;
	font-size: 14px;
	padding: 4px 0px 4px 5px;
}
p.tarif-info{
	font-size: 14px;
	text-align: left;
	padding: 3px 0px 3px 5px;
	font-style: italic;
} 
.corrige {
	font-size: 14px;
	margin: 5px 10px 5px 10px;
	text-align:justify;
}
tr.corrige {
	border:1px;
}
.fltrt { /* cette classe permet de rendre flottant le côtè droit d'un èlèment dans la page. L'èlèment flottant doit prècèder l'èlèment à côtè duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côtè gauche d'un èlment dans la page */
	float: left;
	margin-right: 8px;
}

div#navigation {
	position: relative;
}

/* Logotype */
/* Main Navigation */

#navigation ul.level_0 {
	height: 50px;
	position: absolute;
	top: 100px;
	left:0px;
}
#head {
	background: url(img/head.jpg) no-repeat;
	margin: 0px;
	position:absolute;
	height: 100px;
	width: 1000px;
}
*+ html #head {
	background: url(img/head.jpg) no-repeat;
	margin: 0px;
	position:absolute;
	height: 100px;
	width: 1000px;
	margin-left: -500px;
}
.logotype {
	background: url(img/logo-off.jpg) no-repeat top left;
	top:19px;
	left:43px;
	z-index: 4;
	position: absolute;
	height: 75px;
	width: 246px;
}
*+ html .llogotype {
	background: url(img/logo-off.jpg) no-repeat top left;
	height: 75px;
	width: 246px;
	position: absolute;
	z-index: 3;
    left:50%;

	}
* html .ilogotype {	
    background: url(img/logo-off.jpg) no-repeat top left;
	height: 75px;
	width: 246px;
	z-index: 3;
    left:0px;
	margin: 0px 0px 0px 0px;
	}

.logotype span,.logochr span,.logositemap span { display: none;  }

.logotype .hover {
	background: url(img/logo-on.jpg) no-repeat top left;
	display: block;
	position: absolute;
	height: 75px;
	width: 246px;
	*margin-left:-123px;
	}

.logochr {
	background: url(img/chr-off.jpg) no-repeat top left;
	top:27px;
	left:417px;
	z-index: 4;
	position: absolute;
	height: 53px;
	width: 387px;
}
.logochr .hover{
	background: url(img/chr-on.jpg) no-repeat top left;
	display: block;
	position: absolute;
	height: 53px;
	width: 387px;
	*margin-left:-193px;
}
.logositemap {
	background: url(img/sitemap-off.jpg) no-repeat top left;
	top:0px;
	left:905px;
	z-index: 4;
	position: absolute;
	height: 32px;
	width: 81px;
}
.logositemap .hover{
	background: url(img/sitemap-on.jpg) no-repeat top left;
	display: block;
	position: absolute;
	height: 32px;
	width: 81px;
	*margin-left:-40px;
}


/* Main Navigation */

#navigation {
	margin: 0px;
	position: absolute;
}
#navigation ul.level_0 {
	height: 50px;
	position: absolute;
	top: 100px;
	left:0px;
}

#navigation ul .acc,#navigation ul .qui,#navigation ul .bio,#navigation ul .part,#navigation ul .pro,#navigation ul .atelier,#navigation ul .univ,#navigation ul .tarifs {
	cursor: pointer;
	float: left;
	list-style: none;
	}

#navigation ul a.main {
	background: url(img/sprite.jpg) no-repeat top left;
	display: block;
	position: relative;
	height: 50px;
	text-decoration: none;
	width: auto;
	}

#navigation ul a.main span { display:none; }
/*
#navigation ul a.main span.tt {
	padding: 3px 10px 4px 10px;
	left: 0;
	}
*/
/* Standard Links (div#navigation ul li a.main) */

#navigation ul .acc a.main {
	background-position: 0 0;
	width: 105px;
	z-index: 1;
	}

#navigation ul .qui a.main {
	background-position: -105px 0;
	width: 111px;
	z-index: 2;
	}

#navigation ul .bio a.main {
	background-position: -216px 0;
	width: 118px;
	z-index: 3;
	}

#navigation ul .part a.main {
	background-position: -334px 0;
	width: 118px;
	z-index: 4;
	}

#navigation ul .pro a.main {
	background-position: -452px 0;
	width: 134px;
	z-index: 5;
	}
#navigation ul .atelier a.main {
	background-position: -586px 0;
	width: 161px;
	z-index: 6;
	}
#navigation ul .univ a.main {
	background-position: -747px 0;
	width: 161px;
	z-index: 7;
	}
#navigation ul .tarifs a.main {
	background-position: -908px 0;
	width: 91px;
	z-index: 8;
	}

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -50px ) */

.acc #navigation .acc a.main { background-position: 0 -50px; z-index: 9; }
.qui #navigation .qui a.main { background-position: -105px -50px; z-index: 9; }
.bio #navigation .bio a.main { background-position: -216px -50px; z-index: 9; }
.part #navigation .part a.main { background-position: -334px -50px; z-index: 9; }
.pro #navigation .pro a.main { background-position: -452px -50px; z-index: 9; }
.atelier #navigation .atelier a.main { background-position: -586px -50px; z-index: 9; }
.univ #navigation .univ a.main { background-position: -747px -50px; z-index: 9; }
.tarifs #navigation .tarifs a.main { background-position: -908px -50px; z-index: 9; }

/* Hovers (blues) (1px wider to the left) ( y = -150px ) */

#navigation a.main span.hover {
	background: url(img/sprite.jpg) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0px;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 100%;
	z-index: 100;
	}

#navigation .acc a.main .hover {
	background-position: 0 -150px;
	padding: 0;
	}

#navigation .qui a.main .hover {
	background-position: -105px -150px;
	}
#navigation .bio a.main .hover {
	background-position: -216px -150px;
	}
#navigation .part a.main .hover {
	background-position: -334px -150px;
	}
#navigation .pro a.main .hover {
	background-position: -452px -150px;
	}
#navigation .atelier a.main .hover {
	background-position: -586px -150px;
	}
#navigation .univ a.main .hover {
	background-position: -747px -150px;
	}
#navigation .tarifs a.main .hover {
	background-position: -908px -150px;
	}
/* Active State Hovers (oranges) (y = - 100px ) */

.acc #navigation .acc a.main .hover { background-position: 0 -100px; padding: 0; }
.qui #navigation .qui a.main .hover { background-position: -105px -100px; padding: 0; }
.bio #navigation .bio a.main .hover { background-position: -216px -100px;  padding: 0; }
.part #navigation .part a.main .hover { background-position: -334px -100px; padding: 0; }
.pro #navigation .pro a.main .hover { background-position: -452px -100px; padding: 0; }
.atelier #navigation .atelier a.main .hover { background-position: -586px -100px; padding: 0; }
.univ #navigation .univ a.main .hover { background-position: -747px -100px; padding: 0; }
.tarifs #navigation .tarifs a.main .hover { background-position: -908px -100px; padding: 0; }

/* Subnavs (Level 1) */

#navigation .stingray { position: relative; }

* {
	margin: 0;
	padding: 0; 
	}

/* contact */


a#contact {
	background: url(img/contacter_off.png) no-repeat top left;
	height: 38px;
	width: 1000px;
	display: block;
	z-index: 3;
}
a#contact h1,a#contact span {display: none;}
xa#contact:hover { background-position: top left; }
a#contact .hover {
	background: url(img/contacter_on.png) no-repeat top left;
	height: 38px;
	width: 1000px;
	display: block;
	z-index: 3;
}


a#isiret {
	background: url(img/siret_off.png) no-repeat top left;
	height: 38px;
	width: 1000px;
	display: block;
	z-index: 3;
	margin: 0px 0px 0px -20px;
}

a#isiret h1,a#isiret span {display: none;}

xa#isiret:hover { background-position: top left; }

a#isiret .hover {
	background: url(img/siret_on.png) no-repeat top left;
	height: 38px;
	width: 980px;
	display: block;
	z-index: 3;
	padding: 0px 0px 0px 20px;
}
a.prev img{
	position:absolute;
	top : 280px;
	padding: 0px 0px 0px 80px;
	}
a.next img{
	position:absolute;
	top : 280px;
	padding: 0px 0px 0px 10px;
}

a#devis {
	background: url(../img/devis-off.png) no-repeat top left;
	height: 90px;
	width: 210px;
	display: block;
	z-index: 3;
	margin: 0px 0px 0px 0px;
}

a#devis h1,a#devis span {display: none;}

xa#devis:hover { background-position: top left; }

a#devis .hover {
	background: url(../img/devis-on.png) no-repeat top left;
	height: 90px;
	width: 210px;
	display: block;
	z-index: 3;
	padding: 0px 0px 0px 20px;
}
.idevids {
	font-size: 14px;
	height: 94px;
	padding: 0px 0px 4px 0px;
	width: 210px;
	text-align: left;
}
.black {
	font-weight : bold;
	color : #000;
	padding-left:10px;
}
.black a{
	font-weight : bold;
	color : #333;
}
.titre,.titre a{
	font-weight : bold;
	color : #906;
	margin: 6px 0px 0px 3px;
	padding: 0px 0px 0px 6px;
}
.hide{
	color : #FFF;
	margin: 0;
	padding: 0;
	font-size: 12px;
	cursor: default;
}
.centre{
	text-align:center
	}