/* Les elements (X)HTML en general
-------------------------------------------------------- */
* {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0; color: #666; outline: none;}
body {background: #fff url(images/bg.png) repeat-x top center;}
ul li {list-style: none;}

/* Text Style
-------------------------------------------------------- */

h2 {color: #666;}
p {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
a {
	color: #f2c449; 
	font-family: Verdana, Helvetica, sans-serif; 
	text-decoration: none;
	font-size:11px;
}
a:hover {
	text-decoration: underline;
}
img {border: 0px;}

/* Container
-------------------------------------------------------- */
#container {
	background:  url(images/header.png) no-repeat top left;
	width: 1120px;
	float: left;
}

/* Menu
-------------------------------------------------------- */
#menu {
	padding: 108px 0 0 448px;
	height: 28px;
}
#menu ul {
height: 28px;
}
#menu ul li {
	display: inline;
	float: left;
	margin: 0px 4px;
	background: url(images/separ.png) no-repeat top right;
	padding-right: 9px;
	height: 28px;
	font-size: 10px;
	color: #fff;
	padding-top: 3px;
}
#menu ul li a {
	font-size: 10px;
	color: #fff;
}
/* Left
-------------------------------------------------------- */
#left {
	float: left;
	width: 309px;
}
#recherche {
	width: 163px; height: 44px;
	clear: both;
	background: url(images/recherche.png) no-repeat top center;
	margin: 270px 0 0 20px;
}
#recherche form input {
	width:121px; height: 19px;
	color: #fff;
	border: 0px;
	background: transparent;
	float: left;
	padding: 6px 0 0 5px;
}
#recherche form input.oki {
	width: 37px; height: 25px;
	color: #fff;
	border: 0px;
	background: transparent;
}
#tagy {
	height: 307px;
	width: 307px;
	background: url(images/tag.png) no-repeat top center;
	margin-left: 2px;
}
#tagy ul {
	width: 270px; min-height: 300px;
	margin: 10px auto;
	padding-top: 25px;
}
#tagy ul li {
	display: inline;
	float: left;
	margin: 0px 5px;
}
#tagy ul li a {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
#tagy ul li a.hi {
	font: normal 15px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
#tagy ul li a.hib {
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
#tagy ul li a.hibt {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
#tagy ul li a.hiba {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
#tagy ul li a.hibaa {
	font: normal 9px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
#tagy ul li a.hibapo {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #000;
}

/* Right
-------------------------------------------------------- */
#right {
	width: 609px;
	background: transparent;
	margin-left: 450px !important;
	margin-left: 365px;
	margin-top: 30px !important;
	margin-top: 25px;
	
}
#topya {
	width: 609px; height: 101px;
	background: url(images/topya.png);
	margin: 5px 0 -10px 0px;
}
#topya2 {
	width: 609px; height: 101px;
	background: url(images/votre-recherche.png);
	margin: 5px 0 -10px 0px;
}
#topya3 {
	width: 609px; height: 101px;
	background: url(images/clip.png);
	margin: 5px 0 -20px 0px;
}
#topya4 {
	width: 609px; height: 101px;
	background: url(images/clips.png);
	margin: 5px 0 -10px 0px;
}
#continu {
	
}
ul#clipsa {
	width: 560px;
	float: left;
	margin-left: 27px !important;
	margin-left: 18px;
}
ul#clipsa li {
	width: 280px;
	margin: 0px 0px;
	display: inline;
	float: left;
}
ul#clipsa li div {
	width: 93px; height: 93px;
	background: url(images/cadreb2.png) no-repeat top center;
	text-align: center;
	padding-top: 3px;
	float: left;
	margin-bottom: 8px;
	margin-right: 3px;
}
ul#clipsa li H3 a {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif ;
	color: #e7a901;
	text-decoration: underline;
}
ul#recherchei {
	width: 560px;
	float: left;
	margin-left: 27px !important;
	margin-left: 18px;
}
ul#recherchei li {
	width: 280px;
	margin: 0px 0px;
	display: inline;
	float: left;
}
ul#recherchei li div {
	width: 93px; height: 93px;
	background: url(images/cadreb1.png) no-repeat top center;
	text-align: center;
	padding-top: 3px;
	float: left;
	margin-bottom: 8px;
	margin-right: 3px;
}
ul#recherchei li H3 a {
	font: normal 13px Verdana, Arial, Helvetica, sans-serif ;
	color: #20a7b4;
	text-decoration: underline;
}
ul#recherchei li H4 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif ;
	color: #7d7d7d;
}
ul#recherchei li H4 a {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif ;
	color: #19b6e4;
}
ul#recherchei li p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
	color: #23afbc;
	margin-top: 5px;
}
ul#recherchei li p a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
}
ul#leftisr {
	width: 285px;
	float: left;
	margin-left: 27px !important;
	margin-left: 13px;
}
ul#leftisr li {
	width: 285px;
	margin: 0px 0px;
	clear: both;
}
ul#leftisr li div {
	width: 82px; height: 78px;
	background: url(images/cadrea1.png) no-repeat top center;
	text-align: center;
	padding-top: 4px;
	float: left;
	margin-bottom: 8px;
	margin-right: 3px;
}
ul#leftisr li H3 a {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif ;
	color: #747474;
	text-decoration: underline;
}
ul#leftisr p a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
	color: #23afbc;
	text-decoration: none;
}
ul#leftisr li p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
	color: #23afbc;
}
ul#rightisr {
	width: 285px;
	margin-left: 3px;
	float: left;
}
ul#rightisr li {
	width: 285px;
	margin: 0px 0px;
	clear: both;
}
ul#rightisr li div {
	width: 82px; height: 78px;
	background: url(images/cadrea2.png) no-repeat top center;
	text-align: center;
	padding-top: 4px;
	float: left;
	margin-bottom: 8px;
	margin-right: 3px;
}
ul#rightisr li H3 a {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif ;
	color: #747474;
	text-decoration: underline;
}
ul#rightisr p a {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
	color: #d69201;
}
ul#rightisr li p {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
	color: #d69201;
}
#minia {
	float: left;
	margin-left: 27px !important;
	margin-left: 18px;
	margin-right: 10px;
}
#minia p img {
	margin-right: 5px;
}
#minia p a {
	font: normal 14px Verdana, Arial, Helvetica, sans-serif ;
}
#fondig {
	/* width: 206px; height: 206px; */
	text-align: center;
	padding-top: 3px;
	background: url(images/cadrec1.png) no-repeat top center;
}
#infominia {
	margin: 10px;
}
#infominia h2 {
	text-decoration: underline;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
#infominia h3 {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
}
#infominia h3 a {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	color: #666;
}
#infominia h4 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-left: 120px;
	margin-bottom: 10px;
}
input, textarea {
 	border: 1px solid #C7C7C7;
	background: #fff;
	color: #666;
	font: normal 13px Arial, Helvetica, sans-serif;
	padding: 2px;
}
label {
	font: 13px normal Verdana, Arial, Helvetica, sans-serif;
}
/* Commentaires */
#form {
	margin: 10px 0;
}
#form h2, #comments h2 {
	color: #fff;
	letter-spacing: -1.5px;
	font: normal 24px Verdana, Arial, Helvetica, sans-seriff;
	border-bottom: 1px dotted #2a6d76;
	margin-bottom: 5px;
}
.comment {
	padding : 1px 0px 1px 10px;
	}
.comment p {
	font: normal 12px "Trebuchet MS", Helvetica, sans-serif;
	}
.comment blockquote{
	padding : 5px 5px 5px 23px; margin : 0;
	}
.ligne0 {
	background : #f9f9f9;
	}
fieldset {
	border : 0;
	}
#messageiuo {
	font: 18px normal Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
	border-bottom: 1px dotted #C7C7C7;
	margin: 7px 0px;
}

div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #19b6e4;
    color: #19b6e4;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #19b6e4;
    border: 1px solid #19b6e4;
    color: #fff;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #d69201;
    border: 1px solid #d69201;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}


/* Footer
-------------------------------------------------------- */
#footer {
	width: 609px; height: 130px;
	background: url(images/footer.png) no-repeat top center;
	margin: Opx auto;
	clear: both;
	margin-left: 430px;
	/*margin-top: -200px;*/
}
#footer p {
	text-align: center;
	padding-top: 60px;
	color: #fff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#footer p a {
	color: #fff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}
#footer p a:hover {
	color: #fff;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}