/**************************************
*	Fichier	:	stytle.css
*	Auteur	:	Varouj (varoujhay@free.fr)
*	Thème	:	UniversDetente
*	Pour		:	UniversDetente.com
*	Date		:	31/19/08
*	Modifé	:	31/10/08
**************************************/

/*************************************************** GENERAL (Début) ***************************************************/
* {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
}

a {color : #BD4011; text-decoration : none;}
a:hover {color : #000000; text-decoration : underline;}

body {
	width : 1038px;
	margin : 0 auto;
	color : #000000;
	font : 0.9em  Arial, sans-serif;
	position : relative;
	background : #4BAFBB url(/images/fond.jpg) repeat-x 0 0;

}

/****** GLOBAL ******/
#global {
	float : left;
	width : 1038px;
	margin : 0 auto;
	background : url(/images/global.jpg) no-repeat 154px 197px;
}
/*************************************************** GENERAL (Fin) ***************************************************/

/*************************************************** HAUT DE LA PAGE (Début) ***************************************************/

/****** HEADER ******/
#header {
	float : left;
	width : 1038px;
	height : 197px;
	background : url(/images/header.jpg) no-repeat 0 0;
}
#header h1 {
	float : left;
	display : inline;
	margin-right : 405px;
}
#header h1 a {
	display : block;
	width : 370px;
	height : 197px;
	text-decoration : none;
}
#header h1 span {
	visibility : hidden;
}
/****** RECHERCHE ******/
#header form {
	float : left;
	display : inline;
	margin-top : 92px;
}
#header form p {
	width : 216px;
	height : 39px;
}
#header form p.champs label {
	padding-left : 66px;
}
#header form p.champs input {
	margin-top : 5px;
	padding : 2px 5px 0;
	width : 138px;
	height : 20px;
	border : none;
	background : none;
}
#header form p.traitement label{
	margin-left : 65px;
}
#header form p.traitement input {
	margin-top : 5px;
	width : 102px;
	height : 19px;
	border : none;
	background : none;
	cursor : pointer;
}
/*************************************************** HAUT DE LA PAGE (Fin) ***************************************************/

/*************************************************** CORPS (Début) ***************************************************/

/****** CORPS ******/
#corps {
	float : left;
	clear : both;
	padding-left : 12px;
	width : 1026px;
}

/****** LEFT ET RIGHT ******/
#corps #left {
	float : left;
	width : 142px;
}
#corps #right {
	float : right;
	width : 142px;
}

/****** BLOC ******/
#corps #left .bloc, #corps #right .bloc {
	width : 142px;
}
#corps #left .bloc h2, #corps #right .bloc h2 {
	font-size : 0;
	width : 142px;
	height : 75px;
}
#corps #left .jaune h2, #corps #right .bleu h2 {
	height : 82px;
}
#corps #right .rouge h2 {
	height : 72px;
}
#corps #left .rouge {
	padding-bottom : 21px;
	background : url(/images/top_referer_bas.png) no-repeat left bottom;
}
#corps #left .jaune {
	padding-bottom : 60px;
	background : url(/images/categorie_video_bas.png) no-repeat left bottom;
}
#corps #right .rouge {
	padding-bottom : 72px;
	background : url(/images/thumb_shots_bas.png) no-repeat left bottom;
}
#corps #right .bleu {
	padding-bottom : 66px;
	background : url(/images/partenaires_liens_bas.png) no-repeat left bottom;
}
#corps #left .bloc ul, #corps #right .bloc ul {
	padding : 0 4px;
	width : 134px;
	font-size : 0.7em;
	text-transform : uppercase;
	list-style : none;
}
#corps #right .rouge ul {
	text-align : center;
}
#corps #left .rouge ul, #corps #right .rouge ul {
	background : url(/images/menu_rouge_fond.png) repeat-y 0 0;
}
#corps #left .jaune ul {
	background : url(/images/menu_jaune_fond.png) repeat-y 0 0;
}
#corps #right .bleu ul {
	background : url(/images/menu_bleu_fond.png) repeat-y 0 0;
}
#corps #right .rouge ul li {
	padding : 5px 0;
}
#corps #left .bloc ul li a, #corps #right .bleu ul li a {
	display : block;
	padding : 3px 16px;
	width : 102px;
}
#corps #left .rouge ul li a {
	color : #ffffff;
	background : url(/images/puce1.gif) no-repeat 5px 3px;
}
#corps #left .jaune ul li a {
	color : #052F50;
	background : url(/images/puce2.gif) no-repeat 5px 3px;
}
#corps #right .bleu ul li a {
	color : #ffffff;
	background : url(/images/puce3.gif) no-repeat 5px 3px;
}
#corps #left .bloc ul li a:hover, #corps #right .bleu ul li a:hover {
	color : #000000;
	background : #ffffff none;
	text-decoration : none;
}

/****** CONTENU ******/
#corps #contenu {
	float : left;
	display : inline;
	margin : 18px 0 0 12px;
	padding-bottom : 17px;
	background : url(/images/contenu_bas.gif) no-repeat left bottom;
}

/****** CONTENU BAS ******/
#corps #contenu #contenu_bas {
	float : left;
	padding : 30px 19px 0 13px;
	width : 687px;
	background : #ffffff url(/images/contenu.jpg) no-repeat 0 0;
}

#corps #contenu #contenu_bas input,textarea {
	border: 1px solid #000000;
}

/****** EDITORIAL ******/
#corps #contenu #edito {	
	float : left;
	margin-bottom : 15px;
	padding-bottom : 28px;
	width : 427px;
	font-size : 0.8em;
	line-height : 1.5em;
	background : #E6F4F6 url(/images/edito_bas.gif) no-repeat left bottom;
}
#corps #contenu #edito p {
	padding : 10px 15px 0;
}

/****** PUB ******/
#corps #contenu #pub {
	float : right;
	width : 250px;
	height : 250px;
}

/****** DERNIERE  VIDEO ******/
#corps #contenu #derniere {
	clear : both;
	padding : 10px 0 0 46px;
}
#corps #contenu #derniere .bloc {
	float : left;
	display : inline;
	margin-right : 27px;
	width : 286px;
	height : 392px;
	background : url(/images/derniere_video_bas.jpg) no-repeat right bottom;
}
#corps #contenu #derniere .bloc h2 {
	width : 286px;
	height : 149px;
	text-align : right;
	font-size : 0;
}
#corps #contenu #derniere .bloc ul {
	margin-left : 9px;
	padding : 0 22px 0 21px;
	width : 234px;
	height : 235px;
	font-size : 0.9em;
	list-style : none;
	overflow : hidden;
}
#corps #contenu #derniere .bloc ul li a {
	display : block;
	padding : 5px 20px;
	width : 194px;
	color : #052F50;
}
#corps #contenu #derniere .bloc ul li a:hover {
	text-decoration : none;
	background-color : #BD4011;
}

/****** VIDEO ******/
#corps #contenu #video {
	clear : both;
	float : left;
	display : inline;
	margin : 15px 0;
	width : 686px;
	font-size : 0.8em;
	line-height : 1.6em;
}

#corps #contenu #pagination{
	text-align: center;
	margin-top: 45px;
}

#corps #contenu #pagination a {
	border: 1px solid #BD4011;
	margin-top: 45px;
}

#corps #contenu #video .bloc {
	float : left;
	display : inline;
	margin : 15px 0;
	padding-bottom : 20px;
	width : 686px;
	background : #FDB900 url(/images/cadre_video_bas.jpg) no-repeat left bottom;
}
#corps #contenu #video .bloc h3 {
	padding : 0 0 0 202px;
	width : 484px;
	height : 45px;
	color : #BD4011;
	font-size : 2em;
	background : #ffffff url(/images/cadre_video.jpg) no-repeat left bottom;
}
#corps #contenu #video .bloc p {
	padding : 0 15px;
}
#corps #contenu #video .bloc p img {
	float : left;
	margin : 0 10px 10px 0;
}
/*************************************************** CORPS (fin) ***************************************************/

/*************************************************** BAS DE LA PAGE (Début) ***************************************************/

/****** FOOTER ******/
p#footer {
	clear : both;
	padding : 15px;
	text-align : center;
	color : #ffffff;
	font-size : 0.75em;
}
p#footer a {
	color : #ffffff;
	font-weight : bold;
}
/*************************************************** BAS DE LA PAGE (Fin) ***************************************************/