/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 13, 2012 */



@font-face {
    font-family: 'VerdanaRegular';
    src: url('verdana-webfont.eot');
    src: url('verdana-webfont.eot?#iefix') format('embedded-opentype'),
         url('verdana-webfont.woff') format('woff'),
         url('verdana-webfont.ttf') format('truetype'),
         url('verdana-webfont.svg#VerdanaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'VerdanaItalic';
    src: url('verdanai-webfont.eot');
    src: url('verdanai-webfont.eot?#iefix') format('embedded-opentype'),
         url('verdanai-webfont.woff') format('woff'),
         url('verdanai-webfont.ttf') format('truetype'),
         url('verdanai-webfont.svg#VerdanaItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background-color:#FFF;
	font-family:verdana;
	font-size:12px;
	color:#a8a7a7;
}

h1, h2, h3, h4{
	font-weight:normal;
	color:#000;
	font-size:19px;
}

p{
	line-height:18px;	
}

a img{
	border:0;
}

#footer h2{
	font-size:20px;
}

a{
	text-decoration:none;
	color:#000;
}

b{
	color:#000;
}

.red{
	color:#b41717;
}

#conteneur{
	width:980px;
	left:50%;
	margin-left:-490px;
	position:absolute;
}

.article #head{
	height:139px;
	border-bottom:1px solid #dedede;
}

#head{
	height:139px;
}

#head #logo{
	float: left;
	margin-top: 40px;
}

#head #menu{
	margin-top:69px;
	float:left;
	margin-left:96px;
}

#head #menu a{
	display:block;
	padding:12px;
	float:left;
}

#head #menu a:hover{
	background-color:#000;
	color:#FFF;
}

#head span{
	color: #000000;
    float: right;
    font-weight: bold;
    margin-top: 81px;
}

#texte{
	width:720px;
	float:left;
}

#texte p{
	text-align:justify;
}

#texte h1{
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 8px;
}

.article #texte h1{
	border-bottom: 1px solid #DEDEDE;
    font-size: 18px;
    margin: 8px 0 30px;
}

#slides3{
	float:right;
}

#footer{
	border-top:1px solid #dedede;
	clear: both;
}

#footer div.gauche{
	width:610px;
	float:left;
}
#footer div.gauche .ensavoirplus, #footer div.gauche .lovemarks{
	background-color: #000000;
    color: #FFFFFF;
    float: left;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 10px 25px;
}
#footer div.gauche .lovemarks{
	background-color:#b41717;
	margin-left:20px;
}
#footer div.droite{
	width:320px;
	margin-left:50px;
	float:right;
}
#footer .droite span{
	float:left;
}
#footer .droite span.droite{
	float:right;
}
#footer .droite div{
	clear: both;
    float: left;
    margin-top: 25px;
}
#footer .bas{
	border-top: 1px solid #DEDEDE;
    clear: both;
    height: 29px;
    margin-bottom: 10px;
    padding-top: 10px;
}

#footer .bas span{
	float:left;
}

#footer .bas .droite{
	float:right;
}



/*
	Load CSS before JavaScript
*/

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container, .slides_container2 {
	width:980px;
	display:none;
	margin-top:20px;
}
.slides_container3 {
	width:228px;
	display:none;
}

.sommaire .slides_container, .slides_container2{
	margin-top:0;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div {
	width:980px;
	height:424px;
	display:block;
}

.slides_container div span{
	background-color: #000000;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    //height: 50px;
    margin-left: 655px;
    margin-top: 250px;
    padding: 20px 30px;
    position: absolute;
    width: 265px;
}

.slides_container div span small{
	font-size:12px;
	color:#808080;
	display:block;
}

#slides .slides_container .max{
	height: 28px;
    margin-left: 718px;
    margin-top: 213px;
    position: absolute;
    width: 20px;
    z-index: 2000;
}

.slides_container2 div {
	width:980px;
	height:450px;
	display:block;
}

.slides_container2 a {
	float: left;
    margin-bottom: 20px;
    margin-left: 22px;
}
.slides_container2 a .plus{
	margin-left: 178px;
    margin-top: 104px;
    position: absolute;
}
.slides_container2 a span{
	border: 1px solid #DEDEDE;
    display: block;
    height: 26px;
    padding-top: 8px;
    text-align: center;
    width: 226px;
	margin-top:10px;
}

.slides_container3 div {
	width:228px;
	height:626px;
	display:block;
	margin-bottom:40px;
}

.slides_container3 a {
	float: left;
    margin-bottom: 20px;
}
.slides_container3 a .plus{
	margin-left: 178px;
    margin-top: 104px;
    position: absolute;
}
.slides_container3 a span{
	border: 1px solid #DEDEDE;
    display: block;
    height: 26px;
    padding-top: 8px;
    text-align: center;
    width: 226px;
	margin-top:10px;
}

.prev{
	margin-left:655px;
    position: absolute;
    z-index: 2000;
	margin-top: 200px;
}

.next{
	margin-left:739px;
    position: absolute;
    z-index: 2000;
	margin-top: 200px;
}

/*
	Optional:
	Reset list default style
*/

.pagination {
	background-color: #000000;
    height: 29px;
    list-style: none outside none;
    margin-left: 655px;
    margin-top: 200px;
    padding: 13px 15px 0;
    position: absolute;
    width: 97px;
    z-index: 1000;
}

.pagination li {
	display: none;
    position: absolute;
    text-align: right;
    width: 42px;
}

.pagination li.current{
	display: block;
}

.pagination li a{
	color:#FFF;
}

.clear{
	clear:both;
}

#titres{
	padding:10px 0;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}

#titres h1{
	float:left;
	width:700px;
	margin:0;
	font-size:20px;
}
#titres h2{
	float:right;
	width:230px;
	margin:0;
}

#slides2 h2{
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 12px;
	margin-top: 20px;
	padding-bottom: 20px;
	font-size:21px;
}

#slides3 h2{
	position: absolute;
	top: 134px;
	margin-bottom: 12px;
}

.article #slides2 h2{
	border-bottom: 1px solid #DEDEDE;
    font-size: 18px;
    margin: 8px 0 30px;
    padding-bottom: 8px;
}

#slide2_partage{
	float:right;
	padding-top:12px;
}

#slides2 .pagination {
	background-color: #FFFFFF;
    height: 24px;
    list-style: none outside none;
    margin-left: 136px;
    margin-top: 0;
    padding: 3px 11px 0;
    position: absolute;
    width: 97px;
    z-index: 1000;
}

#slides2 .pagination li a{
	color:#000;
	float: right;
	font-size:12px
}

#slides2 .pagination li.current a{
	font-weight:bold;
}

#slides2 .prev{
	margin-top:0;
	/*margin-left:140px;*/
	margin-left:150px;
}

#slides2 .next{
	margin-top:0;
	/*margin-left:214px;*/
	margin-left:238px;
}

#slides2 .max{
	height: 28px;
    margin-left: 197px;
    margin-top: 3px;
    position: absolute;
    width: 35px;
    /*width: 20px;*/
    z-index: 2000;
	font-size:12px
}


#slides3 .pagination {
	background-color: #FFFFFF;
    height: 24px;
    list-style: none outside none;
    margin-left: 123px;
    margin-top: 0;
    /*padding: 3px 15px 0;*/
    padding: 3px 6px 0;
    position: absolute;
    width: 97px;
    z-index: 1000;
}

#slides3 .pagination li a{
	color:#000;
	float: right;
	font-size:12px
}

#slides3 .pagination li.current a{
	font-weight:bold;
}

#slides3 .prev{
	margin-top:0;
	margin-left:125px;
}

#slides3 .next{
	margin-top:0;
	/*margin-left:200px;*/
	margin-left:220px;
}

#slides3 .max{
	height: 28px;
    /*margin-left: 180px;*/
	margin-left: 174px;
    margin-top: 3px;
    position: absolute;
    /*width: 25px;*/
    width: 35px;
    z-index: 2000;
	font-size:12px
}

.btn_contact_valider{
	border:0;
	background-color: #000000;
    color: #FFFFFF;
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px 25px;
}

.erreur{
	color:red;
}

.formulaire_ok, .formulaire_erreur{
	padding:0;
	margin:0;
	color:red;
	margin-bottom:20px;
}

.sommaire .slides_container2 .slides_control{
	height:440px !important;	
}

.noir_gris{
	color:#000;
	text-decoration:none;	
}
.noir_gris:hover{
	color:#A8A7A7;
}

.ajax input[type="text"], .ajax textarea{
	border:1px solid #dedede;
	padding:2px;	
}