<style type="text/css">
/*---- Reset ----*/
.reset {
	
}
/* CSS Document */
body {
	margin:0;
	padding:0;
	background:  url(../image/interface/fond-body.gif) left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#conteneur {
position:absolute;
padding:0;
width:100%;
}
.lien_blanc {
color:#ffffff;
font-weight:bold;
}

a:link, a:hover, a:visited, a:active {
color:#000000;
cursor:hand;
}

h3, p, h1, h2, ul, li, img, label, form, fieldset, legend {
padding:0;
margin:0;
}


/* --------------------------------------- BANDEAU HAUT ------------------------------------- */

#bandeau_haut {
	background-repeat: no-repeat;
	background-position: left top;
	height:288px;
}

#bandeau_haut h1 a {
	position:absolute;
	font-size:11px;
	color:#FFFFFF;
	top:250px;
	left:110px;
	font-weight:bold;
	width:250px;
	margin:0;
	padding:0;
}
#bandeau_haut h2  {
	position:absolute;
	font-size:13px;
	color:#FFF;
	left:500px;
	font-weight:bold;
	margin:0;
	padding:0;
	top:60px;
	width:230px;
	padding:3px;
	text-align:center;
}
#bandeau_haut h2 a  {
	color:#FFF;
	text-decoration:underline;
	text-decoration:none;
}
#bandeau_haut h2 a:hover  {
	text-decoration:underline;
}

#bandeau_haut h3  {
	position:absolute;
	font-size:13px;
	color:#FFF;
	left:750px;
	font-weight:bold;
	margin:0;
	padding:0;
	top:85px;
	width:110px;
	padding:3px;
	text-align:center;
}

#bandeau_haut h3 a  {
	color:#FFF;
	text-decoration:underline;
	text-decoration:none;
}
#bandeau_haut h3 a:hover  {
	text-decoration:underline;
}

.email {
width:150px;
height:200px;
background-color:none;
left:750px;
top:150px;
position:absolute;
}

.commande {
width:350px;
height:200px;
background-color:none;
left:400px;
top:20px;
position:absolute;
}



#marquee {
width:600px;
position:absolute;
left:240px;
top:4px;
font-size:10px;
}
#recherche {
position:absolute;
left:380px;
top:250px;
}
#recherche label{
width:180px;
}




/* --------------------------------------- ENCART A GAUCHE ------------------------------------- */
#menugauche {
	float:left;
	width:256px;
	background: url(../image/interface/crayon/fond-menu-gauche.gif) left top repeat-y ;
	border-right:1px solid #fff;
}


.encartgauche {
	width:195px;
	background-color:#8C8B8B;
	padding:0;
	margin:5px 0 20px 30px;
	border:#999999 1px solid;
}

#menugauche_lien h3  {
	font-weight:bold;
	font-size:12px;
	margin:0 0 5px 0;
	padding:0;
	color:#fff;
	height:18px;
	text-indent:10px;
}

#menugauche_lien ul  {
	font-size:12px;
	margin:0 0 5px 0;
	padding:0;
	list-style-type: none;
	text-indent:15px;
}

#menugauche_lien li  {
	margin:0;
	padding:0;
	height:18px;
}

#menugauche_lien a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:0;
	cursor: pointer;
}


.microweb {
margin:0 0 10px 30px;
}


#actu {
border:0;
width:216px;
margin:0 0 10px 20px;
}


/* --------------------------------------- ENCART A RUBRIQUE CARICATURES ------------------------------------- */

#menugauche h2  {
	left:0;
	top:0;
	font-weight:bold;
	position:relative;
	font-size:12px;
	color:#000;
	margin:10px 0 0 20px;
	padding:0;
	background-color:#FFF;
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	text-align:center;
	width:216px;
}

.encartrubrique {
	width:216px;
	height:100%;
	background-color:#D1D1D1;
	padding:0;
	margin:0 10px 20px 20px;
	padding-top:10px;
}

.encartrubrique ul {
	font-size:14px;
	font-weight:bold;
	color:424242;
	list-style-position: inside;
	list-style-type: none;
	margin-left:7px;
	padding:0;
}

.encartrubrique li {
height:25px;
padding-left:12px;
margin:0;
}



/* --------------------------------------- ENCART MILIEU ------------------------------------- */
#milieu_encart {
	width:1010px;
	background: url(../image/interface/fond-menu-gauche.gif) left top repeat-y ;
	height:870px;
}

#milieu {
padding:20px;
margin-left:240px;
}

#milieu h2{
	height:20px;
	position:relative;
	font-size:11px;
	color:#fff;
	margin:0 29px 0 0;
	padding:2px;
	text-indent:50px;
}
#milieu h2 a{
	color:#fff;
	text-decoration:none;
}


#milieu p {
	padding:5px;
	margin:0;
	text-align: justify;
	text-indent:10px;
}

.encartmilieu {
	padding:5px;
	margin:0 0 0 40px;
	text-indent:10px;
}

.encartvignette {
	padding:0 0 0 0;
	margin:0 0 30px 0;
	width:117px;
	float:left;
	text-align:center;
	height: 115px;
}
.encartvignette2 {
	padding:0 0 0 0;
	margin:0 0 30px 0;
	width:117px;
	text-align:center;
}
.caricature_img {
	border:1px solid #000;
	text-align:center;
	margin:0;
	padding:0;
	width:80px;
	height:120px;
}
.liste_categorie {
left:0;
position:relative;
width:330px;
margin:0 0 0 10px;
}

/* --------------------------------------- ENCART BAS ------------------------------------- */

#bas {
	height:18px;
	clear:both;
	font-size:10px;
	text-align:center;
	padding: 4px 0 0 0;
	margin:0;
	color:#FFF;
}

/* --------------------------------------- FORMULAIRE ------------------------------------- */
input, textarea, select {
border: 1px solid #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:10px;
}
label { 
float: left; 
width: 150px; 
font-weight: bold; 
}

textarea {
height:150px;
overflow:auto;
}
.message {
color:#FF0000;
margin-left:100px;
font-weight:bold;
}
.captcha {
position:absolute;
border: 1px solid #000;
margin:0;
padding:0;
right:100px;
top:150px;
}


/* ------------------------------ MEDIABOX --------------------------------- */
/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(../image/lightbox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #7B3A94;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
	-webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.70);
}

#mbCenter.mbLoading {
	background: #7B3A94 url(../image/lightbox/BlackLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 10px;
}

#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

/*	End inline content styles	*/

#mbBottom {
	min-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding: 0 10px 10px;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #fff;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 40px;
	height:40px;
	background: transparent url(../image/lightbox/precedent.png) no-repeat center;
}

#mbNextLink {
	width: 40px;
	height:40px;
	background: transparent url(../image/lightbox/suivant.png) no-repeat center;
}

#mbCloseLink {
	width: 40px;
	height:40px;
	background: transparent url(../image/lightbox/fermer.png) no-repeat center;
}

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

</style>