/*******************************************/
/*				date: 12 mars 2008							   */
/*				auteur: occy									   */
/*				mail: occy[AT]cercle-trafic.com			   */
/*******************************************/

body {	
	margin:0;padding:0;
	font-family:Arial, Helvetica, sans-serif;color: #333333;font-size:12px;
	background-repeat:repeat-x;
	background-color:#5c99c6;
}
#page {
	background-image:url(images/background.jpg);			/*image de fond 2*/
	background-position:top center;
	background-repeat:no-repeat;
}
img {border:0;display:block;}
a{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;text-decoration:none;}
a:hover {text-decoration:underline; color:#206090;}
a:visited {}
h1{ font-size:14px; line-height:20px;font-weight:bold; width:100%; color:#206090; display:inline;}
h2{ font-size:12px; line-height:20px;font-weight:bold; width:100%; color:#206090; display:inline; margin-left:25px;}
h3{ display:inline; font-weight:bold;}
p {
	margin:0;padding:0;
	text-indent:35px;			/*tabulation de 30px pour tous les paragraphes*/
}

iframe {margin:0;padding:0;}
iframe * {margin:0;padding:0;border:1px solid black;}

div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:black; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
div#disclaimer-cadre a:hover{ color:blue; }

/**************************************/
/*  	 	  			HEADER							   */
/**************************************/
#header {width:982px;height:153px;margin:auto; position:relative;}
#logo {width:500px;height:153px;}
#header_description {position:absolute; right:35px;top:20px; width:440px;}

/**************************************/
/*  	 	  		MENU HEADER					   */
/**************************************/
.menu {width:960px;height:35px;margin:auto;position:relative;background:url(images/background_menu-02.gif);background-repeat:repeat-x;}
.menu_left {position:absolute;left:-10px;top:0;}
.menu_right {position:absolute;right:-10px;top:0;}

.boutton{height:35px;}
.boutton:hover{background:url(images/menu_hover.jpg);background-repeat:repeat-x;}
.boutton a {line-height:35px;color:#FFFFFF;display:block; font-weight:bold;}
.boutton a:hover {text-decoration:none;color:#003366;}
.boutton_active{height:35px;}
.boutton_active a {line-height:35px;color:#003366;display:block; font-weight:bold;}
.boutton_active a:hover {text-decoration:none;color:#003366;}

#recherche {background:url(images/background_menu-03.gif);background-repeat:no-repeat;width:250px;margin:0;padding:0;}
#recherche form{ margin:0;padding:0;height:35px;}
#textbox{border:0;width:180px;float:left;margin:8px 25px 0 10px;}
#loupe {display:block;}

/**************************************/
/*  	 	  		MENU DE DROITE				   */
/**************************************/
.menu1 {width:100%;}
.menu1 ul {list-style:none;margin:0;padding:0;}
.menu1 li {text-align: left;line-height: 22px;}
.menu1 li a {color:#000000;}
.tvx {
	display:block;		/*permet le retour a la ligne automatique pour toute les images de tvx*/
	margin:auto;
}
.photo_video {
	float:right;		/*icones photos et videos alignees a droite*/
	margin-right:3px;
}
.menu_top {
	font-size:14px;color:#FFFFFF;line-height:25px;
	width:280px;		/*definit la largeur des titres de menus*/
	position:relative;
	background:url(images/background_menu-07.gif);background-repeat:repeat-x;
	margin: 0 10px 5px 10px;
}
.menu_middle {width:280px;margin:auto;}
.menu_bottom {}

.center {margin:auto;}
/**************************************/
/*  					 MODULES						   */
/**************************************/
#barre_navigation { margin-top:5px;margin-bottom:5px;}
#barre_navigation a { font-weight:bold; }

/**************************************/
/*			PRESENTATION DES SITES			   */
/**************************************/
.box_site_right {
	position:relative;
	background:url(images/ombre-02.gif);background-repeat:repeat-y;
	background-position:right;
	margin:10px 0 0 0;
	padding:0 7px 0 0;
}
.box_site_payant {position:relative;text-align:justify;background-color:#FFFCE9;padding:5px 10px 15px 5px;}
.box_site {position:relative;text-align:justify;padding:5px 10px 15px 5px;}
.site_categorie, .date {font-size:10px;color:#206090;}
.site_categorie {float:right;}
.date {position:absolute;top:5px;right:10px;}

.box_site_footer {
	background:url(images/ombre-04.gif);background-repeat:repeat-x;
	height:8px;width:100%;
	position:relative;
}
.ombre_bottom_left {position:absolute;left:0;}
.ombre_top_right {position:absolute;top:0;right:0;}
.ombre_bottom_right {position:absolute;bottom:0;right:0;}

.img_detail {position:absolute;top:5px;left:5px;z-index:30;}
* html .img_detail {			
	position:absolute;top:5px;left:0px;z-index:30;		/* hack pour ie6 */
}
#site_fiche {width:100%;}

.titre_page{
	margin:0;padding:0;
	color:#206090;
	display:block;
}
/**************************************/
/*  	 	  			FOOTER							   */
/**************************************/
#footer {text-align:center;}
#footer a {line-height:37px;font-weight:bold;color:#FFFFFF;}