/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url(../images/fond_general.jpg) repeat-x #fff;
	font-family: "Trebuchet MS", Arial;
	}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	clear:both;
}
#conteneur{
	width:980px;
	margin:0 auto 0 auto;
	position:relative;
}
.fondHomepage{
	background:url(../images/fond_homepage.png) repeat-y;
}

#ColoneGaucheHome{
	float:left;
	width:402px;
	background:url(../images/fond_colGauche_Homepage.png) no-repeat;
}
#ColoneGaucheHome p{
	font-size: 13px;
	padding-right:85px;
}
#ColoneMilieuHome{
	float:left;
	width:300px;
	background: url(../images/fond_colMilieu_homepage.jpg) no-repeat #C42A9C;
}

#ColoneMilieuHome ul{
	margin:10px;
	padding:0;
}
#ColoneMilieuHome li{
	list-style-type:none;
	font-size:14px;
}
#ColoneMilieuHome li a{
	color:#fff;
}
#ColoneMilieuHome li a:hover{
	text-decoration:none;
}
#ColoneDroiteHome{
	float:left;
	width:278px;

}

#logo{
	margin-top:20px;
	width:auto;
	height:98px;
}
.h1Base{
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	margin-top:30px;
}

#lapinbleuEncart{
	border:1px solid #ccc;
	width:auto;
	padding:5px 5px 5px 90px;
	background:url(../images/logo_lapin.png) no-repeat 5px 5px;
	height:70px;
	margin-right:50px;
}
#lapinbleuEncart p{
	margin:0;
	font-size: 11px;
}
#lapinbleuEncart p a{
	color:#227CBC;
}
#lapinbleuEncart p a:hover{
	text-decoration:none;
}
	
.h2encardlapin{
	color:#91038E;
	font-size: 14px;
	font-weight: bold;
}
.adresse{
	background:#FCF5FA;
	padding:5px;
	clear:both;
	margin-right:50px;
	width:auto;
	margin-top:15px;
	font-size: 11px;
}
.h3News{
	font-size: 14px;
	border-bottom:1px solid #ccc;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:10px;
	clear:both;
}

.blocDate{
	float:left;
	height:34px;
	width:45px;
	margin-left:10px;
}
.jour{
	width:auto;
	text-align:center;
	font-size: 11px;
	font-weight: bold;
	background:#91038E;
	height:17px;
	line-height:17px;
	clear:both;
	color:#FFFFFF;
}
.mois{
	width:auto;
	text-align:center;
	font-size: 11px;
	font-weight: bold;
	background:#000;
	height:17px;
	line-height:17px;
	clear:both;
	color:#FFFFFF;
}
.TitreNews{
	float:left;
	margin-left:10px;
	font-size: 16px;
	font-weight: bold;
	color: #A81198;
	padding-top:5px;
}
.news{
	margin:15px 0 10px 10px;
	clear:both;
	font-size: 12px;
}
.news a{
	color:#227CBC;
}
.news a:hover{
	text-decoration:none;
}

.blocVideoCentre{
	background:url(../images/fond_encard-video.jpg) no-repeat;
	width:auto;
	height:171px;
	position:relative;
}
.blocVideoCentre img{
	width:224px;
	height:135px;
	margin:8px 30px 26px 40px;
	border:1px solid #666666;
}
.play{
	height:59px;
	width:59px;
	position:absolute;
	left: 123px;
	top: 42px;
}
.play img{
	width: inherit !important;
	height:inherit !important;
	margin:inherit !important;
	border:inherit !important;
}


#derniererealisation{
	margin-top:235px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	padding:0 0 20px 10px;
}

.daterealisations{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	clear:both;
	margin:5px 5px 10px 10px;
}
.descriptifrealisations{
	font-size: 14px;
	font-weight:normal;
	color: #FFFFFF;
	clear:both;
	margin:5px 5px 10px 10px;
}


/*PAGES*/

#backgroundpage{
	background:url(../images/fond_page.jpg) repeat-x #C42A9C !important;}
#headerpage{
	width:auto;
	margin:0;
	background:url(../images/fondHeader-page.jpg);
	width:950px;
	height:192px;
	position:relative;
}
#TitrePage{

	margin:0;
	padding:0;
	width:auto;
	}

#logopage{
	float:left;
	height:148px;
}
#conteneurPage{
	width:auto;
	clear:both;
	background:#fff;
	padding:15px;}
#conteneurPage p{
	margin:0;}
	
#conteneurPage table{
	margin:0;
	font-size: 13px;
	color: #000000;
}
#conteneurPage input{
	width:200px;
}
#conteneurPage td{
	padding:4px;
}
#conteneurPage h2{
	clear:both;
	margin:10px 0 15px 0;
	background:url(../images/hr.jpg) no-repeat 0 30px;
	padding-bottom:25px;}	
#vousetesici{
	font-size: 12px;
	font-style: italic;
	background:#000;
	padding:10px;
	color:#FFFFFF;
	}	
#vousetesici a{
	color:#fff;
	}
#vousetesici a:hover{
	text-decoration:none;
	}	
#videodetailHorizontal{
	background:url(../images/fond_video_horizontal.jpg) no-repeat;
	width:605px;
	height:375px;
	float:left;
	padding:12px 0 0 10px;
        display:block;
}
.videodetailHorizontale{
	background:url(../images/fond_video_horizontal.jpg) no-repeat;
	width:568px;
	height:323px;
	float:left;
	padding:12px 30px 12px 10px;
        display:block;
}
       
.videodetailVerticale{
	background:url(../images/fond_video_vertical.jpg) no-repeat;
	width:335px;
	height:592px;
	float:left;
	padding:12px 43px 12px 41px;
        display:block;
}
#videodetailVertical{
	background:url(../images/fond_video_vertical.jpg) no-repeat;
	width:417px;
	height:637px;
	float:left;
	padding:12px 0 0 43px;
        display:block;
}
#descriptionDetails{
	float:left;
	width:300px;
	margin:20px 0 0 0;
}
#descriptionDetails h1, #textes h1{
	font-size: 25px;
	margin-bottom:15px;
}
#descriptionDetails p{
	font-size: 12px !important;
	margin:0;
	text-align:left !important;
}
#descriptionDetails a{
	color:#CC0099;
	text-decoration:none;
}
#descriptionDetails a:hover{
	color:#000;
}
.descriptionDetailsDate{
	font-size: 12px;
	margin:0;
	font-style: italic;
	color: #666666;
	margin-bottom:5px;
}

fieldset{

	width:500px;
	border:1px solid #ccc;
	float:left;
}
legend{
	font-size: 18px;
	font-weight: bold;
	margin-bottom:20px;
}

#textes{
	width:900px;
	margin:15px;
	font-size: 12px;
	text-align:justify;
}
#textes h3{
	font-size: 14px;
	color:#666666;
	margin:10px 0 10px 0;
	background:url(../images/logo_lapin.png) no-repeat;
	padding-left:85px;
}
#textes a{
	color:#CC0099;
	text-decoration:none;
}
#textes a:hover{
	color:#000;
}

#textesFormations{
	width:400px;
	margin:15px;
	font-size: 12px;
	text-align:justify;
	float:left;
}
#textesFormations h3{
	font-size: 14px;
	color:#666666;
	margin:10px 0 10px 0;
	background:url(../images/logo_lapin.png) no-repeat;
	padding-left:85px;
}
#textesFormations a{
	color:#CC0099;
	text-decoration:none;
}
#textesFormations a:hover{
	color:#000;
}

.BlocRealisations{
	clear:both;
	margin:10px 0 10px 0;
	width:950px;

}
.BlocRealisations ul{
	margin:0;
	padding:0;
}
.BlocRealisations li{
	float:left;
	background:url(../images/fond_vignette_realisation.jpg) no-repeat;
	width:270px;
	min-height:195px;
	list-style-type:none;
	padding:17px 10px 15px 35px;
	position:relative;
}
.BlocRealisations li img{
	width:224px;
	height:135px;
}
.descriptionrealisations{
	position:absolute;
	left: 31px;
	top: 166px;
	width: 249px;
	height: 27px;
	font-size: 13px;
}
.descriptionrealisations a{
	color:#FF3399;
}
.descriptionrealisations a:hover{
	text-decoration:none;
}
.bouton{
	height:30px;
	line-height:30px;
	text-align:center;
	background:#AB1495;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	width:200px !important;
	border:1px solid #ccc;
	padding:2px;
}
.bouton a{
	color: #FFFFFF;
	text-decoration:none;
}
.bouton a:hover{
	color: #FFCCFF;
	text-decoration:none;
}

#voirtouteformation{
	background:url(../images/voirtouteformation.png) no-repeat;
	width:250px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0 0 10px 10px;
}
#voirtouteformation a{ 
	color: #FFFFFF;
	text-decoration:none;
}
#voirtouteformation a:hover{ 
	color: #993399;
	text-decoration:none;
}