body {
	background:#EFF8FB;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}

#page{
	background:url(images/back.jpg) no-repeat #31c9fb;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1200px;
	height:auto;
	}


#left
	{
	position: relative;
	padding: 10px;
	width: 270px;
	float: left;
	}

#middle
	{
	background-color: #3c3c3c;
	position: relative;
	padding: 10px;
	width: 700px;
	float: left;
	line-height: 16px;
	border-left:5px solid #F1904F;
	border-right:5px solid #F1904F;
	height:auto;
	}


#clear{
	position: relative;
	clear: both;
}

#content{
	color:#ffffff;
	font-size:13px;
	padding:15px;
	background-color:#3c3c3c;
}

#home{
	width:375px;
	float: left;
	position:relative;
	text-align:justify;
}

#groupe{
	width:190px;
	background:url(images/panneau_groupe_avs.jpg) no-repeat #ffffff;
	float: left;
	position:relative;
	margin-left:30px;
	color:#000000;
	height:380px;
	padding:90px 30px 0px 30px;
}

a.lien1{
	font-size:13px;
	text-decoration:none;
	color:#FF6600;
}

.cat{
	font-size:10px;
}

#footer{
	background-color:#31c9fb;
	width: 1200px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	font-size:10px;
}

#footer a{
	color:#000000;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

.mini{
	font-size:10px;
}

.medium{
	font-size:11px;
}


.blue{
	color:#65CFFF;
	font-weight:bold;
}

.orange{
	color:#ff6600;
	font-weight:bold;
}

a.part{
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
}

a.part:hover{
	color:#FF6600;
	text-decoration:underline;
	font-weight:bold;
}

a.an{
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
}



/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/




.anythingSlider                         { width: 520px; height: 640px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 430px; overflow: auto; height: 679px; margin: 0 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #3c3c3c;  margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 600px; width: 670px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right:0px; }
.anythingSlider .back                   { background-position: -67px 0; left:-60px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 612px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #ff6600 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #FFFFFF; }


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



/* ------------------- NOOB SLIDE ------------------------- */

/* Sample 8*/
#box8{
	position:absolute;
}

#box8 h3{
	font-size:14px;
	color:#FFFFFF;
}

#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{

}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:460px;
	height:690px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}


.description{padding:16px;margin:10px 0;background:#eee}

.sample{padding:20px 10px; margin:4px 0 0px 0;}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:500px;margin:0 auto;background:#3c3c3c;text-align:left;}

.buttons{padding:0px;}
.buttons span{color:#fff;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#F07E02;color:#fff}

/* -------------------------------------------------------------------- */