* {
	margin:0;
	padding:0;
}

.colclear{
	height:1px;
	clear:both;
}

img {
	border: 0px ;
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding-left: 0;
	background-color: #000000;
	width: 100% !important;
	/*width: 1280px;*/
	text-align:center;
	color:white;
	background-image: url('images/background.jpg');
	background-position: top center;
	background-repeat: repeat-y;
	font-family: "arial",trebuchet MS, verdana, times;
	scrollbar-face-color: #212121;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#313131;
	scrollbar-shadow-color:#212121;
	scrollbar-highlight-color:#212121;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-Color:#313131;
}

#container{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width: 925px;
	height:100%;
}

/*header*/

#header{
	width: 925px;
	height:130px;
	background-color: #000000;
	border-bottom:1px solid white;
}

#headerl{
	float:left;
}

#headerr{
	float:right;
	padding-top:15px;
}

.bthaut{
	width: 132px;
	height:16px !important;
	height:18px;
	background-color: #3b3b3b;
	border:1px solid #808080;
	text-align:left;
	margin-bottom:6px;
	padding-top:2px !important;
	padding-top:1px;
}

.txtbt a:link, .txtbt a:visited{
	font-family:arial;
	font-size:11px;
	color:white;
	text-decoration: none;
	margin-left:10px;
}

.txtbt a:active, .txtbt a:hover {
	font-family:arial;
	font-size:11px;
	color:#ffd6ce;
	text-decoration: none; 
	margin-left:10px;
}

#news{
	width: 925px;
	height:275px;
	background-color: #000000;
	border-bottom:1px solid white;
}

/* fin header*/

/* index*/

.bloc{
	width: 925px;
	height:476px;
	background-color: #000000;
	border-bottom:1px solid white;
}

#blocid{
	width: 463px;
	height:476px;
	background-color: #000000;
	background-image: url('images/fd-id.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
}

#blocedition{
	width: 462px;
	height:476px;
	background-color: #000000;
	background-image: url('images/fd-edition.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
}

#blocinternet{
	width: 463px;
	height:476px;
	background-color: #000000;
	background-image: url('images/fd-internet.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
}

#blocanimation{
	width: 462px;
	height:476px;
	background-color: #000000;
	background-image: url('images/fd-animation.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
}

#blocvideo{
	width: 463px;
	height:476px;
	background-color: #000000;
	background-image: url('images/fd-video.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
}

#blocstage{
	width: 462px;
	height:476px;
	background-color: #000000;
	background-image: url('images/fd-stage.jpg');
	background-image: url('images/fd-stageNB.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
}

.bttrans{
	width: 462px;
	height:230px;
	float:left;
}

.bttrans a:link, .bttrans a:visited, .bttrans a:active, .bttrans a:hover {
	color:white;
	text-decoration:none;
}
.txtintro{
	width: 462px;
	height:80px;
	text-align:left;
	float:left;
}

.accroche{
	height:20px;
	font-family:"times",arial;
	font-weight:bold;
	font-size:14px;
	color:white;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:8px;
	border-bottom: 1px solid white;
	letter-spacing: 2px;
}

.presentation{
	font-family:"times",arial;
	font-size:14px;
	color:white;
	margin-left:30px;
	margin-right:20px;
}

.savoirplus{
	width: 200px;
	height:71px;
	text-align:left;
	float:left;
	margin-top:65px;
	margin-left:30px !important;
	margin-left:15px;

}

/* fin index*/

/*footer*/

#footer{
	width: 925px;
	background-color: #000000;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	clear:left;
}

#lienfooter{
	margin-right:auto;
	margin-left:auto;
	margin-bottom:5px;
	width: 720px;
	height:22px;
	text-align:center;
	border-bottom: 1px solid white;
	clear:left;
}

.separation{
	width:15px;
	float:left;
}

.btfooter{
	font-family:arial;
	font-size:11px;
	color:#8e8e8e;
	float:left;
	margin-top:3px;
	letter-spacing: 1px;
}

.btfooter a:link, .btfooter a:visited {
	color:#8e8e8e;
	text-decoration:none;
}
.btfooter a:active, .btfooter a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.copyright{
	width:925px;
	font-family:arial;
	font-size:11px;
	color:#3a3a3a;
}

.resolution{
	font-family:arial;
	font-size:11px;
	color:#FFFFFF;
	letter-spacing: 1px;
	margin-top:3px;
}

/*fin footer*/

/*id visuel*/

#ficheid{
	width: 925px;
	background-color: #000000;
	background-image: url('images/fd-id-fiche.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align:left;
	border-bottom:1px solid white;
	float:left;
}

#ficheidL{
	width: 694px;
	padding-top:40px;
	text-align:left;
	float:left;
}

#titre{
	height:20px;
	font-family:"times",arial;
	font-weight:bold;
	font-size:14px;
	color:white;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:8px;
	border-bottom: 1px solid white;
	letter-spacing: 2px;
}

#presentation{
	font-family:"times",arial;
	font-size:14px;
	color:white;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:40px;
}

#titreref{
	height:20px;
	width:350px;
	font-family:"times",arial;
	font-weight:bold;
	font-size:14px;
	color:white;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:8px;
	border-bottom: 1px solid white;
	letter-spacing: 2px;
}

#ficheidR{
	width: 221px;
	padding-top:80px;
	text-align:right;
	float:left;
}

#lienrubriques{
	float:right;
}

.btdroite{
	width: 156px;
	height:21px !important;
	height:28px;
	border-bottom:1px solid #808080;
	text-align:left;
	padding-top:7px;
}

.lienbt a:link, .lienbt a:visited{
	font-family:"times", arial;
	font-size:12px;
	color:white;
	text-decoration: none;
	margin-left:5px;

}

.lienbt a:active, .lienbt a:hover {
	font-family:"times", arial;
	font-size:12px;
	color:#BBBBBB;
	text-decoration: none; 
	margin-left:5px;
}

#picto{
	width:124px;
	height:171px;
	margin-top:90px;
	margin-right:20px;
	float:right;
}

/*fin id visuel*/

/*edition*/

#ficheedition{
	width: 925px;
	float:left;
	background-color: #000000;
	background-image: url('images/fd-edition-fiche.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align:left;
	border-bottom:1px solid white;
}

#pictoedition{
	width:177px;
	height:150px;
	margin-top:120px;
	margin-right:10px;
	float:right;
}

/*fin edition*/
/*animation*/

#ficheanimation{
	width: 925px;
	float:left;
	background-color: #000000;
	background-image: url('images/fd-animation-fiche.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align:left;
	border-bottom:1px solid white;
}

#pictoanimation{
	width:129px;
	height:154px;
	margin-top:90px;
	margin-right:20px;
	float:right;
}
/* fin animation*/

/*internet*/

#ficheinternet{
	width: 925px;
	float:left;
	background-color: #000000;
	background-image: url('images/fd-internet-fiche.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align:left;
	border-bottom:1px solid white;
}

#pictointernet{
	width:135px;
	height:154px;
	margin-top:720px;
	margin-right:15px;
	float:right;
}

#pictointernet2{
	width:135px;
	height:154px;
	margin-top:100px;
	margin-right:25px;
	float:right;
}

#pictointernet3{
	width:135px;
	height:154px;
	margin-top:190px;
	margin-right:25px;
	float:right;
}

.plusoption{
	width: 200px;
	height:71px;
	text-align:left;
	float:left;
}

.espace{
	height:33px;
}

#presentationweb{
	font-family:"times",arial;
	font-size:14px;
	color:white;
	margin-left:30px;
	margin-right:20px;
	margin-bottom:20px;
}

/*fin internet*/

/*video*/
#fichevideo{
	width: 925px;
	float:left;
	background-color: #000000;
	background-image: url('images/fd-video-fiche.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	text-align:left;
	border-bottom:1px solid white;
}

#pictovideo{
	width:153px;
	height:154px;
	margin-top:500px;
	margin-right:15px;
	float:right;
}

#videoxl{
	width:542px;
	height:446px;
	border:1px solid black;
	float:left;
	background-color: #000000;
	margin-bottom:5px !important;
	margin-bottom:0;
}

#menuvideo{
	width:600px;
	float:left;
}

.videoxs{
	width:100px;
	height:75px;
	background-color: #000000;
	border:1px solid black;
	margin-bottom:5px;
	margin-right:8px;
	float:left;
}

#titrevideo{
	width:600px;
	font-family:"times", arial;
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:5px;
}
/*fin video*/


/*réferences*/

#blocreferences{
	width:650px;
	margin-left:30px;
	margin-top:15px;
}

.col1 {
	width:57px;
	height:90px;
	float: left;	
	margin-right:24px ;
}

#navigation{
	margin-top:10px;
	margin-left:30px;
}

#Retour a:link, #Retour a:visited{
	font-family:"times", arial;
	font-size:12px;
	color:#BBBBBB;
	text-decoration: none;
}

#Retour a:active, #Retour a:hover {
	font-family:"times", arial;
	font-size:12px;
	color:#FFFFFF;
	text-decoration: underline; 
}

#lienweb{
	font-family:"times", arial;
	font-size:14px;
	color:#FFFFFF;
	margin-top:5px;
}

#lienweb a:link, #lienweb a:visited{
	font-family:"times", arial;
	font-size:14px;
	color:#fe9d1b;
	text-decoration: underline;
	margin-top:5px;
}

#lienweb a:active, #lienweb a:hover {
	font-family:"times", arial;
	font-size:14px;
	color:#fe9d1b;
	text-decoration: none; 
	margin-top:5px;
}

/*fin reference*/
/*qui*/

#cptencecol {
	width: 230px;
	height:auto;
	float: left;
	margin-right:30px;
	margin-bottom:10px;
}

#cptencecol2 {
	width: 115px;
	height:auto;
	float: left;
	margin-bottom:10px;
}

#txtcptence{
	font-size: 14px;
	font-family:"times", arial;
	color: #FFFFFF;
}

.cptence{
	margin-top:5px;
	margin-bottom:5px;
}

/*popup contact*/

#popup{
	background-color:#262c32;
	background-image: none;
}

#popupcontact p{
	margin-top:5px;
	margin-bottom:5px;
}

#popupcontact{
	text-align:left;
	font-family:arial;
	font-size:12px;
	color:white;
	padding:10px;
}

.FDENTETE{
	text-align:left;
	font-family:arial;
	font-size:12px;
	color:white;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
}

.FDINPUT{
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
}

.SAISIECODE{
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
}

.INPUTTEXTAREA, .INPUTTEXTL{
	width: 320px;
	border:1px ridge white;
}

.inscsubmit{
	width: 110px;
	height:18px;
	background-color:#3a3a3a;
	text-align:center;
	font-family:arial;
	font-size:10px;
	color:white;
	margin-top:2px;
	margin-bottom:4px;
}

.inscsubmit a:link, .inscsubmit a:visited {
	background-color:#3a3a3a;
	text-align:center;
}
.inscsubmit a:active, .inscsubmit a:hover {
	background-color:#a0fc00;
	text-align:center;
}

.popuptitre{
	height:23px !important;
	height:28px;
	padding-top:5px;
	padding-left:10px;
	background-color:#384551;
	text-align:left;
	font-family:arial;
	font-size:14px;
	color:white;
	border-bottom: 1px solid white;
}

#envoi{
	text-align:center;
}

li{
margin-left:15px;
}

.contactretour{
	text-align:left;
	font-family:arial;
	font-size:12px;
	color:white;
}

.contactretour a:link, .contactretour a:visited {
	color:white;
	text-decoration:underline;
}
.contactretoura:active, .contactretour a:hover {
	color:white;
	text-decoration:none;
	}