/*
Theme Name: WZ Site
Theme URI: http://www.kitgraphique.net
Description: /
Version: 1.0
Author: Licoti
Tags: /

*/
/***********************************************************************************************

0.  CSS Reset  ----------------------------------  Configuration Générale & chargement des polices
1.  Header --------------------------------------  Le Logo + les icones + le menu horizontal + la recherche
2.  MIDDLE  -------------------------------------  Le logo + le texte de présentation
3.  MENU  ---------------------------------------  Le menu horizontal principal
4.  Slider  -------------------------------------  Le slider
5.  CONTENT TOP   -------------------------------  Contien le menu de gauche
7.  CONTENT   -----------------------------------  Le contenu de droite
7.  Footer Styles  ------------------------------  Le pied de page

**********************************************************************************************/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------- 0. CSS Reset -----------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, span {margin: 0;padding: 0;}

body {
font: normal 12px/1.5em 'Arial', 'Helvetica', sans-serif;
margin:0 auto;
/*background: #babbbf url('../images/img-site/bg_body.jpg') top repeat-y;*/
height: 100%;
}

a {text-decoration:none; border:none; color:#fff;}
a:hover, a:focus, a:active {text-decoration: underline;}
ul {list-style:none;}
a:link { color: #000; text-decoration:none;}
a:visited { color: #000; text-decoration:none;} 
a:focus, a:active { outline: none; text-decoration:none;} 
a img {  border: none; text-decoration: none; }
img {  border: none; text-decoration: none; }
strong { font-weight: bold; }
#bloc-droite img:hover, #social img:hover {opacity:0.8;}
/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------1. HEADER --------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
a.souligne { border-bottom: 2px solid #4bc2de;}
a.souligne:hover { text-decoration:none; border-bottom: 2px dotted #4bc2de; }
/*---------------------------------------------------- Main - Container*/
#top {
background: url('../images/img-site/top-repeat.png') left top repeat-x; /* BLEU */
height:217px;
}
	#top-content {
	margin:auto;
	width:1121px;
	}

/*-------------------------- sections - */
#header, #middle, ul#menu {
padding:0 100px;
}	

#header{
background: url('../images/img-site/top.jpg') left top no-repeat; /* BLEU */
height:51px;
}
	#header h1, #header p#social {
	float:left;
	}
	
#header h1 a {
font: normal 28px/1.8em 'Rockwell', sans-serif;
margin-right:70px;
text-decoration:none;
color:#fff;
}

#header p#social {
padding-top:13px;
margin-right:50px;
}

#header ul {
float:right;
padding-right:20px;
}
	#header ul li {
	display:inline;
	color:#989696;
	}
		#header ul li a {
		margin-left:5px;
		margin-right:5px;
		padding-left:2px;
		padding-right:2px;
		color:#989696;
		line-height:50px;
		}
		#header ul li a:hover {
		color:#c5c5c5;
		text-decoration:none;
		border-bottom:1px #989696 dashed;
		}
		
form {
padding-top:15px;
float:left;
}
/* RECHERCHER */
#searchform {float:right;}
#searchform input{	background:transparent;	border:none;}
#searchform .searchfield{	width:120px;	color:#b4b4b4;	padding:2px 0 0 7px;   }
#searchform .searchbutton{	cursor:pointer;	width:0px; }

/*-----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------2. MIDDLE --------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
#middle {
background: url('../images/img-site/middle.jpg') left top no-repeat; /* BLEU */
height:112px;
}
	#middle .news {
	padding-top:15px;
	float:left;
	margin-right:290px;
	}
	#middle .pub {
	padding-top:15px;
	float:left;
	}
	#middle h2 {
	padding-top:7px;
	font: normal 24px 'Rockwell', sans-serif;
	text-transform : capitalize;
	}
	#middle p {
	color:#FFFFFF;
	}
	#middle span {
	padding-top:30px;
	float:right;
	}
/*-----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------3. MENU --------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
ul#menu {
line-height:43px;
background: url('../images/img-site/menu.png') left top no-repeat;
}


ul#menu li {
display:inline;
}
	ul#menu li a{
	padding-right:15px;
	background: url('../images/img-site/sep.png') right top no-repeat;
	color:#4f4f4f;
	font-size:14px;
	display:inline-block;
	}
	ul#menu li a:hover{
	color:#cb1212;
	text-decoration:none;
	}
	ul#menu li a.second {
	padding-left:15px;
	}
	ul#menu li a.actuel {
	background-image:none;
	background-color:#fafafa;
	font-weight:bold;
	color:#0483ac;
	}
	
#fleur {
margin: auto;
top:0px;
left:5px;
background: url('../images/img-site/fleurs.png') center top no-repeat;
width:1113px;
height:200px;
}

/*-----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------4. SLIDER ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
p#message {
padding-top:2px;
position:absolute;
}
p#message2 {
padding-top:2px;
right:85px;
position:absolute;
}
#slide {
position:relative;
padding:0 80px;
}
.aviaslider{ 
height:159px; 	/*this changes the height of the image slider*/
width:960px;
overflow: hidden;
position: relative;
background: #fff url(../images/img-site/preload.gif) center center no-repeat;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}
.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}
.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}
.slidecontrolls{
margin:1px auto 0 auto;
position: relative;
float:left;
}
.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(../images/img-site/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}
.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url('../images/img-site/controlls.gif') center top no-repeat;
}
.feature_excerpt{
width:960px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:5px 15px;
font-size: 10px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}
.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------5. CONTENT TOP -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
#main-content {
top:-10px;
width:971px;
margin:auto;
background: transparent url('../images/img-site/corps-repeat.png') center top repeat-y;
}
	#top-main-content {
	padding-top:28px;
	padding-left:25px;
	background: transparent url('../images/img-site/corps-top.jpg') center top no-repeat;
	height:224px;
	}
	
/*-------------------------- Bloc droite - */
#bloc-droite {
position:relative;
float:left;
background: transparent url('../images/img-site/bloc-droite.png') center top no-repeat;
width:552px;
height:172px;
}
	#bloc-droite p, #bloc-gauche p{
	padding:9px;
	color:#666666;
	}
	h3 {
	font-weight:normal;
	color:#FFF;
	line-height:48px;
	margin-left:-10px;
	padding-left:70px;
	background: transparent url('../images/img-site/fleche02.png') center top no-repeat;
	width:544px;
	height:48px;
	}
	#bloc-droite img {
	border: 1px solid #fff;
box-shadow: 0 0 4px #979797;
-moz-box-shadow: 0 0 4px #979797;  
-webkit-box-shadow: 0 0 4px #979797;
	margin-left:12px;
	float:left;
	margin-right:10px;
	}
/*-------------------------- Bloc Gauche - */
#bloc-gauche {
position:relative;
float:left;
margin-right:25px;
background: transparent url('../images/img-site/bloc-gauche.png') center top no-repeat;
width:341px;
height:172px;
}	
	#bloc-gauche p {
	position:relative;
	top:-7px;
	}
	#bloc-gauche .more a, #bloc-droite .more a {
	background: transparent url('../images/img-site/more.png') left top no-repeat;
	padding-left:15px;
	display:inline-block;
	position:absolute;
	right:15px;
	bottom:5px;
	color:#197187;
	}
	#bloc-gauche h3 {
	color:#FFF;
	line-height:50px;
	padding-left:70px;
	margin-left:-60px;
	background: transparent url('../images/img-site/fleche01.png') center top no-repeat;
	width:356px;
	height:51px;
	}
	
/*-----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------6. CONTENT -----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
/*-------------------------- Bloc Gauche - */
#menu-gauche {
top:10px;
text-align:right;
margin-left:-15px;
padding-right:20px;
float:left;
width:210px;
}
	#menu-gauche h2 {
	left:15px;
	padding-bottom:15px;
	line-height:58px;
	text-align:left;
	padding-left:60px;
	background: transparent url('../images/img-site/menu-gauche2.png') 20px 0px no-repeat;
	width:198px;
	height:52px;
	}

	#menu-gauche ul li {
	}
		#menu-gauche ul#menucat li a {
		background: transparent url('../images/img-site/menu2_1.png') 5px center no-repeat;
		display:block;
		height:25px;
		line-height:23px;
		margin-left:20px;
		padding-left:30px;
		margin-right: -8px;
		text-align:left;
		}
		.menu{
		border-bottom:1px dashed #e1e1e1;
		}
		.submenu{
		padding-left:30px;
		border-bottom:1px dashed #e1e1e1;
		}
			#menu-gauche ul#menucat li a:hover {
			background: transparent url('../images/img-site/menu2.png') 5px center no-repeat;
			padding-right:10px;
			text-decoration:none;
			}
	
	 #uploader {
		border-bottom:1px dashed #e1e1e1;
		display:block;
		height:25px;
		line-height:23px;
		margin-left:20px;
		margin-right: -8px;
		text-align:left;

	}
/*-------------------------- Bloc droite - */
#content {
margin-left:20px;
position:relative;
top:10px;
margin-bottom: 20px;
float:left;
}
	#content .haut_corps {
	position:relative;
	display:block;
	background: transparent url('../images/img-site/content-top.png') top center no-repeat;
	width:705px;
	height:48px;
	}
		#content .haut_corps span{
		position:absolute;
		right:15px;
		margin-top:-35px;
		}
		#content .haut_corps h1{
		display:block;
		color:#fff;
		padding-left:30px;
		line-height:47px;
		font-size: 18px;
		}
		#content .haut_corps h1 a{
		color:#fff;
		}
		#content .haut_corps h1 a:hover{
		text-decoration:none;
		color:#d6d6d6;
		}
		
		#content #fiche_modo{
		font: normal 12px/1.5em 'Arial', 'Helvetica', sans-serif;
		text-decoration: none;
		color: #000;
		margin-top: -1px;
		}
		#content #fiche_modo a{
		font: normal 12px/1.5em 'Arial', 'Helvetica', sans-serif;
		text-decoration: none;
		color: #0074d8;
		}
		font: normal 12px/1.5em 'Arial', 'Helvetica', sans-serif;
		#content #fiche_modo a:hover{
		text-decoration: underline;
		color: #00aeef;
		}
/*-------------------------- Bloc de base - */			
#content .corps {
background: transparent url('../images/img-site/content-content.png') top center repeat-y;
width:705px;
margin-top:-11px;
padding-top: 15px;
}
	#content .corps p{
	padding: 0px 10px 10px 10px;
	}
	#content .corps img{
	}
	#content .corps a{
	text-decoration: none;
	color: #0074d8;
	}
	#content .corps a:hover{
	text-decoration: underline;
	color: #00aeef;
	}
	
/*-------------------------- Bloc de téléchargements - */	
#content .corps p.centre_c{
float:left;
width:340px;
padding-right:20px;
}
#content .corps ul.droite_c{
padding-top:20px;
border-left: 1px solid #6bbfe5;
margin-left:470px;
}
	#content .corps ul.droite_c li{
	padding-bottom:10px;
	font-weight:bold;
	font-size:13px;
	}
		#content .corps ul.droite_c li.aper{
		list-style-image: url(../images/img-site/aper%C3%A7u.png);
		list-style-position:inside;
		}
		#content .corps ul.droite_c li.down{
		list-style-image: url(../images/img-site/down.png);
		list-style-position:inside;
		}
		#content .corps ul.droite_c li img{
		float:none;
		padding:0;
		}
	
/*-------------------------- partie bas du bloc - */	
#content .bas_corps {
clear:both;
background: transparent url('../images/img-site/content-bottom.jpg') top center no-repeat;
width:705px;
height:18px;
padding-bottom:10px;
}

/*-------------------------- supression des floats - */	
.clearcontent {
clear: both;
}
/*-----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------7. FOOTER ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------*/
#footer {
margin-top:-15px;
background: url('../images/img-site/footer-repeat.png') left top repeat-x;
height:257px;
}
	#footer-content {
	margin:auto;
	width:1121px;
	}

#top-footer {
padding:0 90px;
}	
	#top-footer p#gauche-f {
	position: absolute;
	height:31px;
	margin-top: 12px;
	color:#373737;
	font: bold 14px/2.3em  'Arial', 'Helvetica', sans-serif;
	}
	#top-footer p#droite-f {
	position: absolute;
	height:31px;
	margin-top: 12px;
	margin-left: 780px;
	color:#373737;
	padding-left:20px;
	font: bold 14px/2.3em 'Arial', 'Helvetica', sans-serif;
	background: url('../images/img-site/top.png') left center no-repeat;
	}
		#top-footer p#droite-f a, #top-footer p#gauche-f a{
		text-decoration:none;
		color:#373737;
		}
			#top-footer p#droite-f a:hover, #top-footer p#gauche-f a:hover{
			color:#fff;
			}
			
#top-footer{
background: url('../images/img-site/footer-top.jpg') 0px 7px no-repeat;
height:48px;
}


#corps-footer{
background: url('../images/img-site/footer-content.jpg') 0px 2px no-repeat; /* BLEU */
height:208px;
}
	#corps-footer h4{
	padding-bottom:5px;
	border-bottom:1px solid #444;
	color:#f6f6f6;
	font: normal 20px 'Arial', 'Helvetica', sans-serif;
	}
	
#corps-footer #col1 {
margin-left:80px;
}
	#corps-footer #col1 h4 {
	font-size:19px;
	background: url('../images/img-site/derniercom.png') 0% 30% no-repeat;
	padding-left:22px;
	}
	#corps-footer #col3 h4 {
	font-size:19px;
	background: url('../images/img-site/partenaire.png') 0% 30% no-repeat;
	padding-left:22px;
	}
	#corps-footer #col2 h4 {
	font-size:19px;
	background: url('../images/img-site/dernierajout.png') 0% 30% no-repeat;
	padding-left:22px;
	}
	
	#corps-footer #col1{
	float:left;
	width:240px;
	padding-left:20px;
	padding-top:10px;
	color:#FFFFFF;
	}
	#corps-footer #col2{
	float:left;
	width:240px;
	padding-left:20px;
	padding-top:10px;
	color:#FFFFFF;
	}
	#corps-footer #col3{
	float:left;
	width:400px;
	padding-left:20px;
	padding-top:10px;
	color:#FFFFFF;
	}

		#corps-footer #col1 ul, #corps-footer #col2 ul, #corps-footer #col3 ul, #corps-footer #col4 ul {
		padding-top:10px;
		}
		
			#corps-footer #col1 ul li{
			list-style-type:circle;
			list-style-position:inside;
			padding-bottom:3px;
			}
				#corps-footer #col1 ul li a {
				color:#fff;
				}
					#corps-footer #col1 ul li a:hover {
					text-decoration:none;
					border-bottom:1px dashed #fff;
					}
					
			#corps-footer #col2 ul li{
			list-style-type:circle;
			list-style-position:inside;
			padding-bottom:3px;
			}
				#corps-footer #col2 ul li a {
				color:#fff;
				}
					#corps-footer #col2 ul li a:hover {
					text-decoration:none;
					border-bottom:1px dashed #fff;
					}	
			
			#corps-footer #col3 ul li{
			list-style-type:circle;
			list-style-position:inside;
			padding-bottom:3px;
			}
				#corps-footer #col3 ul li a {
				color:#fff;
				}
					#corps-footer #col3 ul li a:hover {
					text-decoration:none;
					border-bottom:1px dashed #fff;
					}

#recherche {
float: right;
margin-top: -12px;
}

img.aff{
	border:2px solid #efefef;
	padding:0px;
	margin-bottom:5px;
	background-color: #ffffff;
	width:120px;
	height:160px;
	display:block;
}

img.heberg{
	background-color: #ffffff;
	width:13px;
	height:13px;
	display:inline-block ;
	padding-right:5px;
}

.conect_lightbox {
	font: normal 16px 'Arial', 'Helvetica', sans-serif;text-transform : capitalize; 
}
.compte_lightbox {
	font: normal 16px 'Arial', 'Helvetica', sans-serif;text-transform : capitalize; 
}
.message_lightbox {
	font: normal 16px 'Arial', 'Helvetica', sans-serif;text-transform : capitalize; 
}
.bouton_valid_connect {
	background:url("../images/img-site/buttons_ico.png") no-repeat 0 -66px;
}
.bouton_notvalid_connect {
	background:url("../images/img-site/buttons_ico.png") no-repeat 0 -116px;
}

#form_conect a {
	text-decoration: none;
	color: #0074d8;
}
#form_conect a:hover{
	text-decoration: underline;
	color: #00aeef;
}
#compte_lightbox img {
	text-decoration: none;
	color: #0074d8;
	display:block;
}
#compte_lightbox a {
	text-decoration: none;
	color: #0074d8;
}
#compte_lightbox a:hover{
	text-decoration: underline;
	color: #00aeef;display:block;
}
#messagerie_lightbox a {
	text-decoration: none;
	color: #0074d8;
}
#messagerie_lightbox a:hover{
	text-decoration: underline;
	color: #00aeef;
}


button{padding:0;margin-right:5px;cursor:pointer;border:solid 1px;cursor:pointer;height:2em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;*width:auto;*overflow:visible;}
button.bt_ok{background:#E9EEE3;border-color:#E9EEE3 #C1D0B1 #C1D0B1 #E9EEE3;}
button.bt_ok:hover{background:#EAF8D7;border-color:#EAF8D7 #C3EC93 #C3EC93 #EAF8D7;}
button.bt_notok{background:#EEE3E3;border-color:#EEE3E3 #D0B1B1 #D0B1B1 #EEE3E3;}
button.bt_notok:hover{background:#F8D7D7;border-color:#F8D7D7 #EC9393 #EC9393 #F8D7D7;}
button span{display:block;font-size:85%;font-weight:bold;margin:.3em 10px;padding:2px 0 2px 20px;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;}
span.etape{background:url("img-site/buttons_ico.png") no-repeat 0 -16px;}
			.pagination {
				font-family:georgia;
				font-size:0.9em;
				text-align:center;
				margin:5px;
				padding:5px;
			}
			.pagination .courante {
				background:#32B1D0 none repeat scroll 0 0;
				border:1px solid #918A7B;
				color:white;
				border-radius:0.5em;
				-moz-border-radius:0.5em;
				margin:5px;
				padding:4px 8px;
				text-decoration:none;
			}
			.pagination .desactive {
				color:#918A7B;
				margin-left:5px;
				padding:3px 7px;
				text-decoration:none;
			}
			.pagination a {
				background:#f7f5ef none repeat scroll 0 0;
				background-image:url('background.png');
				background-repeat:repeat-x;
				border:1px solid #918A7B;
				color:black;
				margin-left:5px;
				border-radius:0.5em;
				-moz-border-radius:0.5em;
				padding:3px 7px;
				text-decoration:none;
			}
			.pagination a:hover {
				background:#ECE6D7 none repeat scroll 0 0;
				border:1px solid #555;
				color:#4B4438;
			}
.red_box {
width:690px;
background:#FFD6D6 none repeat scroll 0% 0%;
border-bottom:2px solid #EF706F;
border-top:2px solid #EF706F;
color:#CC0000;
padding-top:5px;
padding-bottom:5px;
margin-left: 7px;
text-align: center;
}
.blue_box {
width:690px;
background:#B6F0FE none repeat scroll 0% 0%;
border-bottom:2px solid #93CDFC;
border-top:2px solid #93CDFC;
color:#1B6FC2;
padding-top:5px;
padding-bottom:5px;
margin-left: 7px;
text-align: center;
}
.green_box {
width:690px;
background:#EEF7DD none repeat scroll 0% 0%;
border-bottom:2px solid #B0CB79;
border-top:2px solid #B0CB79;
color:#8DCB0E;
padding-top:5px;
padding-bottom:5px;
margin-left: 7px;
text-align: center;
}
.orange_box {
width:690px;
background:#FEF6D8 none repeat scroll 0% 0%;
border-bottom:2px solid #FDE179;
border-top:2px solid #FDE179;
color:#A38106;
padding-top:5px;
padding-bottom:5px;
margin-left: 7px;
text-align: center;
}
.yellow_box {
width:690px;
background:#F4F5B9 none repeat scroll 0% 0%;
border-bottom:2px solid #EFF11E;
border-top:2px solid #EFF11E;
color:#9FA112;
padding-top:5px;
padding-bottom:5px;
margin-left: 7px;
text-align: center;
}