/* CSS Document */

html, body 
{
	
	height:auto !important;
	width:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	background:white;
}

#Cont 
{
	position:absolute;
	width: 1000px;
  	left: 50%; 
  	margin-left:-500px;
	background:white;
	font-family:verdana;
}

#Cont  .cadre
{
	float:left;
	display:inline;
	clear:both;
	overflow::hidden;
	width:960px;
	margin-left:20px;
}

#Cont .cadre .bann
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	height:540px;
}

#Cont .cadre .bann .gauche
{
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	height:540px;
	background:url(/images/header/bann.jpg) no-repeat;
}


#Cont .cadre .bann .gauche .facebook
{
	display:inline;
	float:right;
	overflow:hidden;
	clearboth;
	width:450px;
	margin-top:20px;
}
















#Cont .cadre .bann .droite a
{
	display:inline;
	float:left;
	overflow:hidden;
	width:200px;
	height:200px;
	margin-left:20px;
	background:url(/images/header/gatalvideo-off.jpg) no-repeat;
}

#Cont .cadre .bann .droite a:hover
{
	background:url(/images/header/gatalvideo-on.jpg) no-repeat;
}

#Cont .cadre .bann .droite2 a
{
	display:inline;
	float:left;
	overflow:hidden;
	width:200px;
	height:200px;
	margin-left:20px;
	background:url(/images/header/niouzes-off.jpg) no-repeat;
}

#Cont .cadre .bann .droite2 a:hover
{
	background:url(/images/header/niouzes-on.jpg) no-repeat;
}

#Cont .cadre .contenu
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:10px;
}

#Cont .cadre .contenu .niouzes
{
	display:inline;
	float:left;
	width:740px;
}

#Cont .cadre .contenu .niouzes .title
{
	display:inline;
	float:left;
	overflow:hidden;
	width:740px;
	height:38px;
	background:url(/images/niouzes/title.jpg) no-repeat;
}

#Cont .cadre .contenu .niouzes .niouzes_cont
{
	display:inline;
	float:left;
	overflow:hidden;
	margin-left:10px;
	width:730px;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze
{
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:15px;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .top
{
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	font-size:11px;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .top .titre
{
	display:inline;
	float:left;
	overflow:hidden;
	width:650px;
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	text-align:inherit;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .top .date
{
	display:inline;
	float:right;
	overflow:hidden;
	width:90px;
	font-size:11px;
	color:Gray;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle
{
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	font-size:11px;
	margin-top:15px;
	line-height:1.5em;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle a
{
	text-decoration:none;
	color:#B40202;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle a:hover
{
	text-decoration:none;
	color:Gray;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle .image a
{
	display:inline;
	float:left;
	overflow:hidden;
	width:200px;
	height:150px;
}


#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle .contenttext
{
	display:inline;
	float:left;
	overflow:hidden;
	width:520px;
	height:150px;
	margin-left:10px;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle .contenttext .titredate
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle .contenttext .titredate .titre
{
	display:inline;
	float:left;
	width:82%;
	font-weight:bold;

}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle .contenttext .titredate .date
{
	display:inline;
	float:left;
	width:18%;
	color:Gray;
	text-align:left;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle .contenttext .corpsniouze
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
	height:110px;
	margin-top:10px;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .middle .contenttext .lirelasuite
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .bottom
{
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	height:2px;
	margin-top:5px;
	background:url(/images/niouzes/point.jpg) repeat-x;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .commentaires .afficher
{
	display:inline;
	float:left;
	overflow:hidden;
	width:250px;
	cursor:pointer;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .commentaires .cacher
{
	display:inline;
	float:left;
	overflow:hidden;
	width:170px;
	cursor:pointer;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .commentaires .cacher a
{
	color:Black;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .commentaires .cacher a:hover
{
	color:Gray;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .commentaires a
{
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	margin-top:5px;
	color:Gray;
	font-size:10px;
	cursor:pointer;
}

#Cont .cadre .contenu .niouzes .niouzes_cont .niouze .commentaires a:hover
{
	color:black;
}

#Cont .cadre .contenu .niouzes .com
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	margin-top:15px;
	width:100%;
}

#Cont .cadre .contenu .niouzes .com .titre
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
	margin-top:0px;
	text-align:inherit;
	font-size:10px;
	font-weight:bold;
	color:Gray;
}

#Cont .cadre .contenu .niouzes .com .contenuCom
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
	font-size:11px;
	color:Black;
}

#Cont .cadre .contenu .niouzes .formulaireCom
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
	font-size:11px;
	font-weight:bold;
}

#Cont .cadre .contenu .niouzes .formulaireCom .titre
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:740px;
	height:20px;
	margin-top:20px;
	background:url(/images/niouzes/posterUnCom.jpg) no-repeat;
}

#Cont .cadre .contenu .niouzes .formulaireCom .nom
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
	margin-top:20px;
}

#Cont .cadre .contenu .niouzes .formulaireCom input,textarea
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:728px;
	border:1px solid Gray;
}

#Cont .cadre .contenu .niouzes .formulaireCom .hidenInput
{
	border:0px;
}

#Cont .cadre .contenu .niouzes .formulaireCom .validate input
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:200px;
	margin-top:10px;
	margin-left:250px;
	background:white;
	cursor:pointer;
	border:1px solid Gray;
}

#Cont .cadre .contenu .niouzes .formulaireCom .validate input:hover
{
	background:white;
	border:1px solid black;
	color:#B40202;
}

#Cont .cadre .contenu .droite
{
	display:inline;
	float:left;
	overflow:hidden;
	width:200px;
	margin-left:20px;
}

#Cont .cadre .contenu .droite .video
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
	margin-left:0px;
	margin-top:0px;
}

#Cont .cadre .contenu .droite .video .title
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:200px;
	height:38px;
	background:url(/images/droite/video/title.jpg) no-repeat;
}

#Cont .cadre .contenu .droite .video .image
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:200px;
	height:135px;
	cursor:pointer;
	margin-top:10px;
}

/*
#Cont .cadre .contenu .droite .video .image a
{
	filter : alpha(opacity=80);
    -moz-opacity :0.8;
    opacity :0.8; 
}
*/
#Cont .cadre .contenu .droite .video .image a:hover
{
	filter : alpha(opacity=100);
    -moz-opacity :1;
    opacity :1; 
}

#Cont .cadre .contenu .droite .video .titre_video
{
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:200px;
	margin-top:5px;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}

#Cont .cadre .contenu .droite .friends
{
	margin-top:40px;
	display:inline;
	float:left;
	clear:both;
	overflow:hidden;
	width:100%;
}

#Cont .cadre .contenu .droite .friends .title
{
	display:inline;
	float:left;
	overflow:hidden;
	width:200px;
	height:38px;
	clear:both;
	background:url(/images/droite/friends/title.jpg) no-repeat;
}

#Cont .cadre .contenu .droite .friends .friend
{
	display:inline;
	float:left;
	overflow:hidden;
	margin-top:10px;
}

#Cont .cadre .contenu .droite .friends .friend a
{
	display:inline;
	float:left;
	overflow:hidden;
	width:50px;
	height:50px;
	margin-top:10px;
	cursor:pointer;
	filter : alpha(opacity=80);
    -moz-opacity :0.8;
    opacity :0.8; 
}

#Cont .cadre .contenu .droite .friends .friend a:hover
{
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}


#Cont .pagination
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	width:930px;
	margin-top:20px;
	margin-left:20px;
}

#Cont .pagination .lapage a
{
	float:left;
	display:inline;
	overflow:hidden;
	width:20px;
	height:17px;
	text-align:center;
	text-decoration:none;
	border:1px solid #B40202;
	color:Gray;
	margin-left:10px;
	font-size:11px;
	padding-top:3px;
	font-weight:bold;
}

#Cont .pagination .lapage a:hover
{
	color:black;
	border:1px solid Gray;
}

#Cont .pagination .olderpost a
{
	float:right;
	display:inline;
	overflow:hidden;
}

#Cont .lienRetour a
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	margin-top:10px;
	font-size:11px;
	color:Gray;
	text-decoration:none;
	font-weight:bold;
	margin-left:30px;
}

#Cont .lienRetour a:hover
{
	color:#B40202;
}


#Cont .foot
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	width:960px;
	height:50px;
	margin-top:30px;
	background:url(/images/footer/footer.jpg) no-repeat;
}


#Cont .foot .contact a
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	color:#6e6e6e;
	font-size:11px;
	text-decoration:none;
	margin-top:30px;
	margin-left:388px;
	text-align:center;
}

#Cont .foot .contact a:hover
{
	color:black;
}

/***************************** GATAL VIDEOS **************************************************/

#Cont .cadre .contenu .title_gatalvideos
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	height:38px;
	margin-top:50px;
	background:url(/images/gatalvideos/title_gatalvideos.jpg) no-repeat;
}

#Cont .cadre .contenu .title_gatalfootage
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	height:38px;
	background:url(/images/gatalvideos/title_gatalfootage.jpg) no-repeat;
}

#Cont .cadre .contenu .conteneur
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
}

#Cont .cadre .contenu .video
{
	display:inline;
	float:left;
	overflow:hidden;
	width:200px;
	margin-left:32px;
	margin-top:20px;
	cursor:pointer;
	filter : alpha(opacity=80);
    -moz-opacity :0.8;
    opacity :0.8;
}


#Cont .cadre .contenu .video:hover
{
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1; 
}


#Cont .cadre .contenu .video .image
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:200px;
	height:135px;
}

#Cont .cadre .contenu .video .titre
{
	clear:both;
	display:inline;
	float:left;
	overflow:hidden;
	width:100%;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
}