@charset "utf-8";
/*
Theme Name: Wide-Design
Theme URI: http://www.wide-design.com/wordpress/wide-design/
Description: Le premier thème créé par Patrick Becker.
Version: 1.0
Author: Patrick Becker
 
Creation Theme by Patrick Becker || http://www.wide-design.com
*/
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<< CSS DOCUMENT >>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<< Patrick Becker >>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<< 12/02/2009 >>>>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<< (c)Wide•Design >>>>>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>> */


/* ==========================
MISE EN PAGE GENERALE
========================== */
* {
	margin: 0; /* Initialisation des marges externes */
	padding: 0; /* Initialisation des marges internes */
}
html {
	font-size: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 0.625em;  /* Initialisation de la taille des polices de caractères à 10px pour 1em (si on prend 16px taille par défaut dans les navigateurs) */
	background: #B6BEC9 url(visuels/fond.jpg) repeat-x scroll 0 0;
}

/* ==========================
MISE EN FORME DIV
========================== */
div#global {
	position: relative; /* permet au bloc de servir de référent pour ses descendants positionnés en absolu */
	margin: 0 auto;
	min-height: 100%;
	width: 975px;
	text-align: left;
}
/* ======================= */
div#entete {
	width: 100%;
	height: 235px;
	background: transparent url(visuels/haut.jpg) no-repeat scroll 0 0;
	padding-top: 24px;
}
div#centre {
	width: 100%;
	min-height: 100%;
	background: transparent url(visuels/fond_fenetre.gif) repeat-y scroll 0 0;
	overflow: hidden; /* Eviter le débordement de #navigation en float dans conteneur #centre */
}
div#pied {
	clear: both;
	width: 100%;
	height: 205px;
	background: transparent url(visuels/bas.jpg) no-repeat 0 100%;
	text-align: center;
}
/* ======================= */
div#contenu {
	width: 417px;
	margin-left: 245px;
	padding: 0 0 0 40px;
}
div#navigation {
	float: right;
	width: 172px;
	margin: 0 66px 0 0;
}
/*
div#breadcrumb {
	margin: 166px 81px 0 0;
	text-align: right;
}
*/
/* ======================= */
div#menu {
	width: 100%;
	height: 257px;
	background: transparent url(visuels/fond_navigation.jpg) no-repeat scroll 100% 0;
	padding-top: 83px;
}
/*
div#plugin {
	width: 100%;
	height: 77px;
	padding-top: 3px;
	background: transparent url(visuels/fond_plugin.jpg) no-repeat scroll 100% 0;
}
*/
div#recherche {
	width: 172px;
	height: 59px;
	background: transparent url(visuels/fond_recherche.jpg) no-repeat scroll 0 0;
	padding-top: 13px;
}
div#signature {
	width: 143px;
	height: 49px;
	background: transparent url(visuels/signature.png) no-repeat scroll 50% 0;
	margin: 10px 0 0 22px;
}
/* ======================= */
div#validation_copyright {
	margin: 0 66px 0 245px;
	padding: 22px 0 0 0;
}
div#validation {
	width: 430px;
	height: 15px;
	margin: 0 auto;
	padding: 0;
}
div#rainette {
	position: fixed;
	top: 0;
	left: 0;
	width: 500px;
	height: 325px;
	z-index: 3; /* Mise en place du block au-dessus des autres */
	background: transparent url(visuels/rainette.png) no-repeat scroll 0 0;
}
/* ======================= */
div.vignettes {
	height: 29px;
	text-align: right;
	padding-right: 10px;
	margin: -13px 0 5px 0;
}

/* ==========================
MISE EN FORME TEXTE
========================== */
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #FFF;
	letter-spacing: 0.05em;
	line-height: 56px; /* Affectation de la même hauteur ici que celle de l'image de fond */
	background: transparent url(visuels/fond_titre.gif) no-repeat scroll 0 50%; /* Mise en place d'une image de fond centrée verticalement pour ce titre */
	margin-left: -35px;
	padding-left: 27px; /* Décalage du texte par rapport à l'image de fond */
	padding-top: 2px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	color: #D6E41B;
	/* border-bottom: 1px dotted #d6e41b; */
	margin: 15px 0 10px -8px;
	padding-bottom: 5px;
	background: transparent url(visuels/point_trait.gif) repeat-x scroll 0 100%;
}
h3 {
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	margin: 15px 0 10px 0;
}
p {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 10px; /* Espacement de 10px après chaque paragraphe */
}
p.auteur {
	font-size: 1.1em;
	text-align: right;
	margin-bottom: 1.8em;
	color: #474a4e;
}
strong {
	font-weight: bold;
}
abbr, acronym {
	border-bottom: 1px dotted #FFF;
	cursor: help;
}
kbd {
	border: 1px outset #000;
	background-color: #838890;
	padding: 0 2px;
	font-size: 1.1em;
	font-weight: bold;
}
blockquote {
	display: inline-block;
	background: transparent url(visuels/guillemet-ferme.png) no-repeat scroll 100% 0;
	margin-top: 1.4em;
	padding-right: 14px;
}
blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: 0;
}
blockquote p:first-letter {
	background: transparent url(visuels/guillemet-ouvert.png) no-repeat scroll 0 0;
	padding-left: 16px;
}
#titre p {
	text-indent: -5000px;
}
/* ======================= */
.note {
	border-bottom: 1px solid #FFF;
}
.legende_img {
	height: 17px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	color: #474a4e;
	padding-left: 17px;
	margin-bottom: 2px;
	background: transparent url(visuels/legende_image.gif) no-repeat scroll 0 100%;
}
.copyright_txt {
	clear: both;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #44474B;
	margin: 0;
	padding: 10px 0 8px 0;
}
/* ======================= */
ul {
	margin-bottom: 12px;
}
ul li {
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: left;
	margin: 0 0 5px 25px;
	padding-left: 0;
}
.item1 {
	list-style-image: url(visuels/puce1.gif);
}
.item2 {
	list-style-image: url(visuels/puce2.gif);
}
.item3 {
	list-style-image: url(visuels/puce3.gif);
}
.item4 {
	list-style-image: url(visuels/puce4.gif);
}
/* ======================= */
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	text-align: left;
	margin: 0 0 4px 0;
	padding: 0;
}
/* ======================= */
ul#lien_rapide {
	list-style-type: none;
	height: 36px;
	margin: 0 0 0 703px;
	padding: 0;
}
ul#lien_rapide li {
	float: left;
	text-align: center;
	margin: 0 2px 0 0;
	padding: 0;
}
/* ======================= */
ul#lien_secondaire {
	list-style-type: none;
	color: #35373A;
	margin-bottom: 37px;
}
ul#lien_secondaire li {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.1em;
	display: inline;
	margin: 0;
	padding: 0;
}
ul#lien_secondaire li.page_item {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	background: transparent url(visuels/barre.gif) no-repeat scroll 100% 50%;
}
/* ======================= */
ul#plan {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#plan li {
	width: 250px;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
}
ul#plan ul {
	list-style-type: none;
	margin: 0;
}
ul#plan ul li {
	text-align: left;
	padding: 0;
}

/* ==========================
MISE EN FORME IMAGES
========================== */
img {
	font-size: 1.2em;
	border: none; /* Suppression des bordures au niveau des images */
}
/*#contenu img {
	margin-bottom: 5px; Espacement au-dessous de chaque image dans #contenu
}*/
.wp-smiley {
	vertical-align: text-top;
}
.photo {
	margin: 0 0 10px 0;
	position: relative;
	width: 416px;
	height: 139px;
}
.photo span {
	width: 408px;
	height: 131px;
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	background: transparent url(visuels/visuel-effet-profondeur.png) scroll no-repeat 0 0;
}
.photo span.voir {
	background: transparent url(visuels/visuel-effet-profondeur-voir.png) scroll no-repeat 0 0;
}
.photo span.avoir {
	background: transparent url(visuels/visuel-effet-profondeur-avoir.png) scroll no-repeat 0 0;
}
.photo img {
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #44474b;
}
div.col {
	float: left;
	position: relative;
	width : 80px;
	margin-right: 6px; /* Espacement après chaque image */
}
.certification {
	position : relative;
	width : 80px;
	height: 15px;
	display: block;
	overflow: hidden;
}
.certification img {
	position : absolute;
	top: 0;
	left: 0;
}
.certification:hover img {
	top : -15px;
	left: 0;
}
.vignette {
	margin: 0 0 0 -4px;
}

/* ==========================
MISE EN FORME LIENS
========================== */
a {
	text-decoration: none; /* Suppression du soulignement au niveau des liens */
	outline: none;
}
/* ======================= 
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	color: #FFF;
}
#breadcrumb a:hover, #breadcrumb a:focus {
	color: #D6E41B;
}*/

#contenu a:link, #contenu a:visited, #contenu a:active {
	font-weight: bold;
	color: #35373A;
	line-height: 23px;
}
#contenu a:hover, #contenu a:focus {
	color: #D6E41B;
}
/* ======================= */
#contenu h2 a:link, #contenu h2 a:visited {
	color: #D6E41B;
}
#contenu h2 a:hover, #contenu h2 a:active, #contenu h2 a:focus {
	color: #efff1e;
}
/* ======================= */
#contenu a.lien_texte:link, #contenu a.lien_texte:visited {
	font-weight: bold;
	color: #35373A;
	line-height: 23px;
	margin: 0 0 0 -18px;
	padding: 5px 0 5px 32px;
	background: transparent url(visuels/puce_lien.gif) no-repeat scroll 0 0;
}
#contenu a.lien_texte:hover, #contenu a.lien_texte:active, #contenu a.lien_texte:focus {
	color: #D6E41B;
	background: transparent url(visuels/puce_lien.gif) no-repeat scroll 0 -46px; /* Décalage de l'image de fond au passage
 de la souris - technique dite "portes coulissantes" */
}
/* ======================= */
#menu ul li a:link, #menu ul li a:visited {
	display: block;
	height: 29px;
	width: 145px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	color: #BFBFBF;
	background: transparent url(visuels/btn_navigation.png) no-repeat scroll 0 0;
	padding: 11px 0 0 27px;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a.actif, #menu ul li a:focus {
	color: #FFF;
	background: transparent url(visuels/btn_navigation.png) no-repeat scroll 0 -40px;
	padding: 11px 0 0 17px;
}
/* ======================= */
ul#lien_rapide li a:link, ul#lien_rapide li a:visited {
	display: block;
	width: 102px;
	height: 36px;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #BFBFBF;
	line-height: 36px;
	background: transparent url(visuels/fond_lien_barre.jpg) no-repeat scroll 0 0;
}
ul#lien_rapide li a:hover, ul#lien_rapide li a:active, ul#lien_rapide li a.actif, ul#lien_rapide li a:focus {
	color: #FFF;
	background: transparent url(visuels/fond_lien_barre.jpg) no-repeat scroll 0 -36px;
}
/* ======================= */
ul#lien_secondaire li a:link, ul#lien_secondaire li a:visited {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #35373A;
	line-height: 1.1em;
}
ul#lien_secondaire li.retour a {
	background: transparent url(visuels/retour.gif) no-repeat scroll 100% 60%;
	padding-right: 15px;
}
ul#lien_secondaire li a:hover, ul#lien_secondaire li a:active, ul#lien_secondaire li a.actif, ul#lien_secondaire li a:focus {
	color: #D6E41B;
}
/* ======================= */
ul#plan li a:link, ul#plan li a:visited {
	display: block;
	height: 32px;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #35373A;
	line-height: 32px;
	padding: 0 0 0 59px;
	background: transparent url(visuels/puce_plan.gif) no-repeat scroll 0 0;
}
ul#plan li a:hover, ul#plan li a:active, ul#plan li a.actif, ul#plan li a:focus {
	color: #D6E41B;
	background: transparent url(visuels/puce_plan.gif) no-repeat scroll 0 -32px;
}
ul#plan ul li a:link, ul#plan ul li a:visited {
	height: 20px;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #35373A;
	line-height: 20px;
	padding: 0 0 0 64px;
	background: transparent url(visuels/puce_ssplan.gif) no-repeat scroll 0 0;
}
ul#plan ul li a:hover, ul#plan ul li a:active, ul#plan ul li a.actif, ul#plan ul li a:focus {
	color: #D6E41B;
	background: transparent url(visuels/puce_ssplan.gif) no-repeat scroll 0 -20px;
}
/* ======================= */
a.lien_externe:link, a.lien_externe:visited {
	color: #000;
	border-bottom: 1px dotted #000;
}
a.lien_externe:hover, a.lien_externe:active, a.lien_externe:focus {
	border-bottom: 1px solid #000;
}
/* ======================= */
/* a.plugin_acrobat {
	float: right;
	width: 24px;
	height: 24px;
	margin: 0 9px 0 0;
	background-image: url(visuels/ico_acrobat_on.gif);
}
a.plugin_acrobat:hover {
	border: none;
}
a.plugin_acrobat:hover img, a.plugin_acrobat:active img, a.plugin_acrobat:focus img {
	display: none;
} */
/* ======================= */
/* a.btn_validation:link, a.btn_validation:visited {
	display: block;
	opacity: 0.5;
}
a.btn_validation:hover, a.btn_validation:active, a.btn_validation:focus {
	opacity: 1.0;
} */

/* ==========================
MISE EN FORME RECHERCHE
========================== */
#searchform {
	margin: 0;
}
#searchform input[type=text] {
	float: left;
	border: 0;
	width: 95px;
	height: 29px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 29px;
	color: #BFBFBF;
	padding: 0 3px 0 21px;;
	background: transparent url(visuels/btn_recherche.jpg) no-repeat scroll 0 0;
}
#searchform input[type=submit] {
	float: left;
	border: 0;
	width: 53px;
	height: 29px;
	background: transparent url(visuels/btn_recherche.jpg) no-repeat scroll 100% 0;
	cursor: pointer;
}
#searchform input[type=text]:hover, #searchform input[type=text]:focus {
	float: left;
	border: 0;
	width: 95px;
	height: 29px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 29px;
	padding: 0 3px 0 21px;;
	color: #FFF;
	background: transparent url(visuels/btn_recherche.jpg) no-repeat scroll 0 -29px;
}
#searchform input[type=submit]:hover, #searchform input[type=submit]:focus {
	background: transparent url(visuels/btn_recherche.jpg) no-repeat scroll 100% 100%;
}