body { 
	margin:0px 0; 
	padding:0; 
	font: 74% Arial, Sans-Serif; 
	color:#ccc;  
	background: #CCCC99 url('../imgs/bg.jpg') repeat;
	line-height: 1.4em; /* L'espace entre le haut et link1*/
}

/* Nécessite des changements
/***************************/
/* Le contenu de la page */
.content { 
	background: #FFF url('../img/bf.png') repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 880px;
}
/* Subheader */
#subheader { 
	background: #000 repeat-y center;
	width: 880px;
	height: 35px;
	color: #FFF;
	margin-left: 0px;
}

/* Right side */
#main .right_side { 
	float: right;
	padding: 0 0 0 0; 
	margin:0;
	background: white;
	width: 310px; 
}

/* Left side */
#main .left_side { 
/*	background:url(../imgs/bg_tags.gif) repeat-x; */
	float: left; 
	width: 545px; 
	padding: 4px 10px 0 0px; 
	margin:0; 
}

/* Main */
#main { 
	background: #FFF; 
	width: auto; 
	margin: 0 5px 0 5px; 
	color: #808080; 
} 

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
	padding: 0;
	margin: 0;
	background: #000 url() no-repeat top;
	height: 34px;
}

#top .padding { 
/*	float: right; Permet d'écrire des deux côté si on retire! */
	color: #808080;
	padding: 10px 5px 0 0;
	font-size: 90%;
}

#top a { color: #E0F5FF; }



#header .f_search { float: right; padding: 35px 20px 0 0; }
#header .title {	padding: 45px 0 0 50px; }
#header h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin: 0;
		padding: 0; 
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		background-image: none;
		color: #075181;
		margin: 0;
		padding: 0 0 0 2px;
}


/* SUBHEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------*/

#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #FECF5F; }

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
 


#main .right_side .hitems { margin: 0; padding: 0; }
#main .right_side .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #a90000;
	list-style-image: url();
}
	
#main .right_side .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
	 
}

#main h3 {
 font: 85% Arial, Sans-Serif;
 margin: 0 0 10px 0px;
 padding: 0;
 color: #5f5f5f; 
 background: inherit; 
border-top: 1px solid #CEE0A9; /*Couleur de de h3 */
}

#main .box{	
 background: #efefef;
 padding: 5px;
 border: 1px solid #ccc;
}

#main .right_side ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right_side li { 
	margin: 0 0 2px 15px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .right_side  .padding {
	margin: 0 0 20px 15px; 
	padding: 0 0 0 0px;
	color: #555;
}


/* FOOTER
-------------------------------------------------------------------------*/

#footer { 
	clear:both;
	height: 35px;
	color:#ccc;  
	background: #000 url() top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

#footer a { color: #E0F5FF; }

/*  Top Menu */
#menu {
	background: #000 url() no-repeat center bottom; 
	width: 880px;
	height: 35px;
	margin: 0;
	padding: 0;
}
/*
#menu ul { margin:0; list-style:none; padding: 5px 0 0 5px; }
#menu a, #nav strong, #nav span { float:left; display:block; color:#fff; padding: 5px; text-decoration:none;  }
#menu a { float:none; }
#menu li { float:left; color: #FFF; background: #000; margin:0; padding:0 0 0 0px; }
#menu a:hover { text-decoration:underline;}  
#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }
*/

/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/
ul { margin-left: 0; padding-left: 5px; list-style : square; }
li { 	margin: 0 0 2px 15px; padding: 0 0 0 0px;	color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }

p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

.left_side h2 { 
	background: url(../imgs/h.gif) no-repeat left;
	color:#DE4A94;
	font-size:140%; 
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
	padding:0 0 0 30px; 
}

h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }

/* ----------------------------------------------- */
/* Social Icons */
.socialtags-hovers {
	opacity: .6;
	-moz-opacity: .66;
	filter: alpha(opacity=40);
}
.socialtags-hovers:hover {
	opacity: 1;
	-moz-opacity: 0.99;
	filter: alpha(opacity=100);
}

/* ----------------------------------------------- */
/* Commentaires */
.commentbox{
background-color: #ececec;
width: 525px;
padding: 10px;
}

.commentfooter{
background: url(../imgs/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

/* ----------------------------------------------- */
/* Tag cloud */
#tags ul{
	margin:1em 0;
	padding:.5em 10px;
	text-align:center; 
}
#tags li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#tags li a{
	text-decoration:none;
	color:#fff;
	padding:0 2px;	
}
#tags li a:hover{	
	color:#cff400;
}		
.tag1{font-size:100%;}
.tag2{font-size:120%;}
.tag3{font-size:140%;}
.tag4{font-size:160%;}
.tag5{font-size:180%;}
/* alternative layout */
#tags .alt{
	text-align:left;
	padding:0;
	background:none;
}
#tags .alt li{
	padding:2px 10px;
	background:#efefef;
	display:block; 
}
#tags .alt .tag1, 
#tags .alt .tag2, 
#tags .alt .tag3, 
#tags .alt .tag4, 
#tags .alt .tag5{font-size:100%;}
#tags .alt .tag1{background:#7cc0f4;}
#tags .alt .tag2{background:#67abe0;}
#tags .alt .tag3{background:#4d92c7;}
#tags .alt .tag4{background:#3277ad;}
#tags .alt .tag5{background:#266ca2;}

/* ----------------------------------------------- */
.pagination{
	text-align:center;
}
.pagination hr{
	padding :0px;
	color:red;
	border :1px solid #C4665C;
}
.pagination li a:hover{
	color : red;

}
/* ----------------------------------------------- */
/* Pagination */
.qp_counter {
	margin:  10px;
}
/*------------------------------------------------ */
/* Scroller */
#scrollIt{
	position: fixed;
	right: 10px;
	top: 95%;
}
/*------------------------------------------------ */
.yes{
	background: #CCCCCC;
	padding:5px;
	padding-left : 5px
}

.no{
	background: #FFCCCC;
	padding:5px;
	padding-left : 5px
}
/*------------------------------------------------ */
/* Mon menu */
ul.topnav {
	list-style: none;
	padding: 0 5px;	
	margin: 0;
	float: left;
	width: 870px;
	background: #222;
	font-size: 1.2em;
	background: url(../imgs/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../imgs/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../imgs/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
	top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../imgs/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../imgs/dropdown_linkbg.gif) no-repeat 10px center; 
}
#header img {
	margin: 20px 0 10px;
}
/*------------------------------------------------ */
.corner{
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
padding:2.5px
}

.colonnes2{
-moz-column-count: 3;
-moz-column-gap: 1em;
/* -moz-column-rule: 1px solid orange; */
-webkit-column-count: 3;
-webkit-column-gap: 1em;
/* -webkit-column-rule: 1px solid red; */
}
/*------------------------------------------------ */
a:hover img.imagedropshadow {
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
}

/*------------------------------------------------ */
/*------------------------------------------------ */
/*------------------------------------------------ */