*	{
	outline:none;
	margin:0;
	padding:0;
	}

body {
	background-color:#231F20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

body,div,p,h1,h2,h3 {
	margin:0;
	padding:0;
	}

img	{
	border:none;
	}

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

a:hover	{
	color:#666;
	text-decoration:none;
	}
	
/*----------------------------------------------------------- Styles généraux -----------------------------------------------------------*/
#principale {
	width:1000px;
	margin:auto;
	height:800px;
	background-image:url(../images/fond.png);
	background-position:center;
	background-repeat:no-repeat;
	}
	
#bandeau {
	height:173px;
	}
	
#bandeau .news {
	float:left;
	width:65px;
	height:20px;
	padding:152px 0px 0px 185px;
	color:#CCCCCC;
	}
	
#bandeau .deroulant {
	float:left;
	width:350px;
	height:20px;
	padding:152px 10px 0px 10px;
	color:#CCCCCC;
	}

.texte-news {
	float:left;
	padding:0px 4px 0px 4px;
	}

.titre-news {
	float:left;
	color:#fff;
	padding:0px 4px 0px 4px;
	text-decoration:underline;
	}
	
#bandeau .bouton {
	float:left;
	width:auto;
	height:auto;
	padding:130px 0px 0px 0px;
	}
	
#bandeau .titre {
	float:left;
	width:auto;
	height:auto;
	color:#fff;
	font-size:10px;
	padding:134px 0px 0px 2px;
	}
	
#bandeau .titre a {
	color:#fff;
	}
	
#bandeau .logo {
	float:right;
	width:auto;
	height:auto;
	padding:72px 13px 0px 0px;
	}
	
#contenu {
	clear:both;
	height:408px;
	}
	
#cadreatt {
	float:left;
	width:900px;
	height:405px;
	background-image:url(/images/logogrd.png);
	background-position:center;
	background-repeat:no-repeat;
	color:#fff;
	}
	
#cadreatt marquee {
	height:40px;
	text-align:center;
	padding:290px 0px 350px 0px;
	}
	
#cadreatt marquee p {
	color:#be1e2d;
	font-weight:bold;
	}
	
#cadre {
	float:left;
	width:570px;
	height:405px;
	padding-left:160px;
	color:#CCCCCC;
	}
	
#cadreind {
	float:left;
	width:570px;
	height:405px;
	color:#CCCCCC;
	}
	
#cadreind a {
	position:absolute;
	}
	
#cadreind img {
	padding:135px 0 0 210px;
	}
	
#animation {
	position:absolute;
	padding:5px 0 0 154px;
	float:left;
	width:579px;
	height:399px;
	}
	
#cadreref {
	float:left;
	width:530px;
	height:385px;
	padding:20px 50px 0 150px;
	color:#fff;
	}
	
/*#cadreref img {
	border:5px solid white;
	}*/
	
#cadreaccueil {
	float:left;
	width:576px;
	height:401px;
	padding:4px 0 0 154px;
	color:#CCCCCC;
	}
	
#pagecontacts {
	position:absolute;
	float:left;
	width:310px;
	height:auto;
	/*padding:20px 0 0 10px;*/
	}
	
#pagecontacts .logocontacts {
	float:right;
	position:absolute;
	padding:25px 0 0 30px;
	}
	
#pagecontacts img {
	position:absolute;
	float:left;
	width:auto;
	height:auto;
	}
	
#pagecontacts p {
	position:absolute;
	padding:80px 20px 0 30px;
	color:#000;
	}
	
#formulaire {
	position:absolute;
	width:auto;
	height:auto;
	font-size:9px;
	color:#000;
	padding:140px 0 0 30px;
	}
	
.intitule_form {
	float:left;
	width:130px;
	height:auto;
	}

.champ {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:122px;
	height:12px;
	text-align:left;
	float:left;
	padding:0 0 2px 0;
	margin:0 5px 8px 0;
	}

.boite_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:259px;
	height:120px;
	text-align:left;
	margin:0 0 5px 0;
	float:left;
	}
	
#coordonnees {
	position:absolute;
	width:auto;
	height:auto;
	font-size:10px;
	color:#000;
	padding:300px 0 0 30px;
	}
	
#coordonnees .intitule {
	float:left;
	width:auto;
	height:auto;
	font-size:11px;
	color:#000;
	font-weight:bold;
	padding:18px 0 0 30px;
	}
	
#coordonnees .adresse {
	position:absolute;
	float:left;
	width:150px;
	height:auto;
	font-size:11px;
	color:#000;
	padding:0 0 0 120px;
	}
	
#pageaccueil {
	position:absolute;
	float:left;
	width:310px;
	height:auto;
	/*padding:20px 0 0 10px;*/
	}
	
#pageaccueil p {
	position:absolute;
	padding:90px 10px 0 15px;
	color:#000;
	}
	
#pageaccueil .logoaccueil {
	float:right;
	position:absolute;
	padding:30px 0 20px 130px;
	}
	
#pageaccueil img {
	position:absolute;
	float:left;
	width:auto;
	height:auto;
	}
	
#article {
	float:left;
	width:330px;
	height:auto;
	padding:20px 0 0 10px;
	}
	
#article img {
	float:left;
	width:auto;
	height:auto;
	border:3px solid white;
	}
	
#chapeau-art .nom {
	width:auto;
	font-size:14px;
	letter-spacing:0.05em;
	padding:48px 0 0 100px;
	color:#fff;
	}
	
#chapeau-art .fonction {
	font-size:11px;
	padding:5px 0 0 100px;
	color:#be1e2d;
	}
	
.zone-texte {
	float:left;
	/*width:330px;
	height:auto;*/
	text-align:justify;
	font-size:11px;
	color:#fff;
	padding:10px 0 0 0;
	}
	
.zone-texte-qui {
	float:left;
	/*width:330px;
	height:auto;*/
	text-align:left;
	font-size:11px;
	color:#fff;
	padding:100px 0 0 0;
	}
	
.titre-qui {
	color:#be1e2d;
	text-align:center;
	font-size:14px;
	}
	
.zone-texte img {
	padding:0 0 0 110px;
	}
	
.zone-texte p {
	padding:20px 0 0 0;
	}
	
#compositeeqp {
	float:left;
	width:auto;
	height:auto;
	padding:55px 0 0 20px;
	}
	
#itemeqp {
	clear:both;
	width:160px;
	height:50px;
	background-image:url(/images/cadreeqp.png);
	background-repeat:no-repeat;
	padding:0 0 20px 0;
	}
	
#itemeqp img {
	float:left;
	width:auto;
	height:auto;
	padding:1px 0 0 1px;
	}
	
#itemeqp p {
	float:left;
	width:112px;
	color:#fff;
	font-size:10px;
	padding:1px 0 0 2px;
	}
	
/*#itemeqp .fonction p {
	float:left;
	width:112px;
	color:#fff;
	font-size:8px;
	font-style:italic;
	padding:1px 0 0 2px;
	}*/
	
#itemeqp .fonction {
	float:left;
	width:112px;
	/*color:#be1e2d;*/
	font-size:9px;
	font-style:italic;
	padding:1px 0 0 2px;
	}
	
#itemeqp a {
	float:left;
	font-size:10px;
	color:#be1e2d;
	font-weight:bold;
	padding:7px 0 0 55px;
	}
	
/*	
#compositegrd {
	width:530px;
	height:310px;
	overflow-x:hidden;
	overflow-y:auto;
	color:#CCCCCC;
	border:1px solid red;
	}
	
#cadre .cartouches {
	float:left;
	width:250px;
	height:105px;
	padding:1px 0 0 2px;
	background-image:url(/images/cadrefilmgrd.png);
	background-repeat:no-repeat;
	border:1px solid red;
	}
*/
	
#compositeflms {
	width:520px;
	height:140px;
	margin:10px 0 0 0;
	overflow-y:auto;
	overflow-x:auto;
	/*white-space: nowrap; */
	}
	
#compositeflms .bloc_colonne {
	float:left;
	width:160px;
	height:auto;
	margin:5px 0 0 5px;
	}
	
#itemflms {
	float:left;
	/*clear:both;*/
	width:160px;
	height:55px;
	background-image:url(/images/cadreeqp.png);
	background-repeat:no-repeat;
	/*padding:0 10px 15px 0;*/
	margin:6px 3px;
	}
	
#itemflms img {
	float:left;
	width:auto;
	height:auto;
	padding:1px 0 0 1px;
	}
	
#itemflms .titrecompo {
	float:left;
	width:100px;
	height:32px;
	color:#fff;
	font-size:9px;
	padding:1px 0 0 2px;
	}
	
/*#itemflms p {
	float:left;
	width:100px;
	height:auto;
	color:#fff;
	font-size:10px;
	padding:0 0 0 2px;
	}*/
	
/*#itemflms .fonction p {
	float:left;
	width:112px;
	color:#fff;
	font-size:8px;
	font-style:italic;
	padding:1px 0 0 2px;
	}*/
	
#itemflms .lienscompo {
	float:left;
	/*position:absolute;*/
	width:100px;
	text-align:center;
	/*padding:5px 2px 0 2px;*/
	}
	
#itemflms .lienscompo a {
	font-size:9px;
	color:#be1e2d;
	}
	
/*#itemflms .synopsis a {
	float:left;
	font-size:10px;
	color:#be1e2d;
	padding:19px 0 0 2px;
	}
	
#itemflms .video a {
	float:left;
	font-size:10px;
	color:#be1e2d;
	padding:19px 0 0 2px;
	}*/
	
.resume {
	padding:20px 0 0 40px;
	}
	
.video {
	padding:20px 0 0 60px;
	}
	
.videoptt {
	padding:20px 0 0 120px;
	}
	
.videogrd {
	padding:20px 0 0 80px;
	}
	
.videoenorme {
	padding:20px 0 0 10px;
	}
	
.prochainement {
	width:495px;
	height:130px;
	padding:110px 0 0 0;
	text-align:center;
	}

#synopsis {
	width:403px;
	height:220px;
	font-size:10px;
	color:#000000;
	padding:0 22px;
	background-image:url(/images/fond-synopsis.png);
	background-repeat:no-repeat;
	}
	
.croix a {
	float:right;
	color:#be1e2d;
	font-size:12px;
	font-weight:bolder;
	padding:0 5px 0 0;
	}

#synopsis img {
	clear:both;
	padding:20px 0 0 0;
	}
	
.voir-vid a {
	float:right;
	color:#be1e2d;
	padding:0 22px 0 0;
	}
	
#synopsis .texte-syno {
	color:#000;
	font-size:10px;
	padding:5px 22px 0 0;
	}
	
#zonecartouch {
	clear:both;
	width:300px;
	height:70px;
	}
	
#compositegrd {
	width:530px;
	height:305px;
	overflow-x:hidden;
	overflow-y:auto;
	color:#CCCCCC;
	}
	
#compositeref {
	width:520px;
	height:385px;
	overflow-x:hidden;
	overflow-y:auto;
	color:#CCCCCC;
	}
	
#compositeref a {
	padding:0;
	margin:0;
	float:left;
	width:163px;
	height:128px;
	text-align:center;
	}
	
#compositeref a img {
	padding:0;
	margin:0;
	text-align:center;
	}
	
#cadre .cartouches {
	float:left;
	width:250px;
	height:102px;
	padding:1px 0 0 2px;
	background-image:url(/images/cadrefilmgrd.png);
	background-repeat:no-repeat;
	}
	
#cadre .cartouches img {
	float:left;
	}
	
#cadre .titre {
	float:left;
	width:150px;
	height:32px;
	padding-left:2px;
	}
	
#cadre .auteur {
	float:left;
	color:#fff;
	width:150px;
	height:15px;
	text-align:right;
	font-size:10px;
	}
	
#cadre .liens {
	float:left;
	width:150px;
	padding-top:10px;
	font-size:9px;
	text-align:center;
	}
	
#cadre .cartouches a {
	color:#be1e2d;
	}
	
/*#cadre {
	float:left;
	width:499px;
	height:353px;
	}*/
	
/*#cadre img {
	width:auto;
	height:auto;
	padding:130px 0 0 40px;
	}*/
	
#selection a {
	font-weight:bold;
	font-style:italic;
	}
	
#menu {
	float:left;
	width:auto;
	height:auto;
	padding:157px 0px 0px 25px;
	}
	
#menu .item {
	clear:both;
	color:#000000;
	}
	
#menu .item img {
	float:left;
	}
	
#menu .item p {
	float:left;
	font-size:11px;
	color:#000000;
	padding:3px 0px 7px 10px;
	}
	
#menu .rubrique {
	clear:both;
	padding:10px 0 0 0;
	}
	
#menu .rubrique img {
	float:left;
	}
	
#menu .rubrique p {
	padding:3px 0 0 20px;
	float:left;
	font-size:8px;
	color:#231F20;
	}
	
#bandeau_haut .news {
	float:left;
	width:460px;
	padding:20px 0 0 300px;
	color:#999;
	font-size:12px;
	}
	
#bandeau_haut .img{
	float:left;
	overflow:hidden;
	padding:5px 0 0 5px;
	}
	
#bandeau_haut a {
	float:left;
	color:#CCCCCC;
	font-size:10px;
	}
	
#bandeau_haut p {
	float:left;
	color:#CCCCCC;
	font-size:11px;
	padding:3px 0 0 5px;
	}
	
#cadreindex {
	float:left;
	margin:140px 0 0 35px;
	}
	
/*#cadre p {
	font-size:12px;
	font-weight:normal;
	color:#111;
	padding:90px 120px 0 40px;
	text-align:justify;
	text-indent:20px;
	}*/
	
/*#cadre img {
	float:right;
	padding:25px 120px 0 0;
	}*/

/*------------------------------------------------------------------ Styles footer -------------------------------------------------------------------*/
#footer {
	clear:both;
	height:100px;
	padding:9px 0px 0px 123px;
	font-size:8px;
}

.liens {
	color:#666;
}

.liens a {
	color:#555;
}

.liens a:hover {
	color:#999;
}

.liens .selection {
	color:#be1e2d;
}

h1 {
	float:left;
	color:#be1e2d;
	font-size:10px;
	font-weight:bold;
	padding:6px 10px 1px 0px;
}

.adresse {
	float:left;
	color:#666;
	font-size:9px;
	padding-top:7px;
}

#footer .conception {
	float:right;
	font-size:9px;
	padding:20px 100px 0px Opx;
	color:#666;
}

.conception a {
	color:#FF6600;
	font-weight:bold;
}

.conception a:hover{
	color:#FFF;
	text-decoration:none;
}

/*------------------------------------------------------ Styles mentions légales -----------------------------------------------------------*/
#mentions_legales {
	margin:0 20px;
	text-align:center;
}
#mentions_legales img {
	padding:30px 0;
}

#mentions_legales p {
	text-align:left;
	margin-bottom:10px;
	color:#999;
}

#mentions_legales strong {
	text-align:left;
	color:#fff;
	margin-bottom:10px;
}