@charset "UTF-8";
/*######################################################
---/ BASE
##################################################### */

body{

background:#e9e4db url(images/fond.jpg) no-repeat scroll center top;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}


.no_cadre{
	text-decoration:none;
	border:0px;
	clear:both;
}

*
{
	margin: 0;
	padding: 0;
}


/*######################################################
---/ PREMIER CONTAINER // CADRE BLANC
##################################################### */


#container{
right:0;
top:0;
position:absolute;
padding:15px;
background-color:#ffffff;
}

/*######################################################
---/ TYPO
##################################################### */


h1{
color:#000000;
font-variant:small-caps;
font-size:14px;
margin-top:0;
padding-bottom:10px;
border-bottom:1px dotted #000000;
font-family:Georgia, "Times New Roman", Times, serif;
}

h2{
color:#434342;
font-size:10px;
line-height:14px;
margin-top:0;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
}


p{
line-height:1.5em;
margin:0;
color:#616161;
}

img{
margin-top:0;
padding:0;
text-align:center;
}

a:link{
color:#434342;
text-decoration:none;
}

a:hover{
color:#FF0066;
text-decoration:none;
}

a:visited{
color:#434342;
text-decoration:none;
}


/*######################################################
---/ CONTAINER HORIZONTAL//COULEUR DE FOND
##################################################### */

.gauche{
width:880px;
margin-top:12px;
margin-left:5px;
margin-right:5px;
padding:10px;
float:left;
text-align:left;
background-color:#e9e4db;
}


/*######################################################
---/ BLOCKS
##################################################### */


.header{
height: 408px;
overflow: hidden;
float:left;
border-bottom:double 1px #000000;
}

.header2{
width:875px;
margin-top:5px;
margin:auto;
padding-top:15px;
text-align:left;
display:inline;
float:left;
border-bottom:double 1px #000000;
}

.header3{
height: 656px;
overflow: hidden;
float:left;
margin-top:5px;
padding-right:5px;
}

.blocinfo{
width:350px;
display:inline;
padding:10px;
padding-left:0px;
float:left;
position:relative;
text-align:justify;
}

.bloclittimg{
margin-right:5px;
margin-top:65px;
padding-bottom:5px;
display:inline;
float:left;
position:relative;
}

.mini3{
width:1080px;
padding-bottom:5px;
float:left;
position:relative;
display:inline;
}

.blocnewtext{
width:450px;
float:left;
text-align:left;
margin:40px 0 0 0;
}

.blocnewslide{
width:530px;
display:inline;
float:left;
padding-top:40px;
position:relative;
text-align:left;
margin-bottom:5px;
}

/*######################################################
---/ IMAGES SLIDE
##################################################### */

#slide_area {
	height: 656px;
	overflow: hidden;
	position: relative;
}

#slide_area div#mySlides {
	padding-top: 10px;
}

#slide_area .description {
	float: left;
	width: 275px;
	height: 152px;
}

#slide_area .description h2 {
	font-size: 17px;
	color: #423d3a;
	margin-bottom: 15px;
	font-weight: bold;
}

#slide_area .description p {
	font-size: 13px;
}

#slide_area .description a.learn_more {
	font-size: 11px;
	text-transform: uppercase;
}

#slide_area .photo {
	padding: 10px;
	margin-top: 1px;
	float: right;
	position: relative;
}

#slide_area .photo img {
	width: 875px;
	height: 656px;
}

#slide_area .slide {
	overflow: hidden;
}

#slide_area .container {
	height: 656px;
	overflow: none;
}

.ribbon {
	position: absolute;
	right: -1px;
	top: -2px;
	width: 87px;
	height: 89px;
	z-index: 5;
}

.ribbon.webdesign {
	background: url(images/webdesign-trans.png) right top no-repeat;
}

.ribbon.print {
	background: url(images/print-trans.png) right top no-repeat;
}

.ribbon.flash {
	background: url(images/flash-trans.png) right top no-repeat;
}

a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 83px;
	height: 33px;
	position: absolute;
	bottom: 19px;
	text-indent: -9999px;
	cursor: pointer;
}

a.jFlowPrev {
	background: url(images/prev-trans.png) no-repeat;
	left: 24px;
}

a.jFlowNext {
	background: url(images/next-trans.png) no-repeat;
	right: 24px;
}

div#myController {
	display: none;
}