/* Stylesheet: boilerplate Modified On 2012-10-22 10:59:25 */
@charset "utf-8";
/*
/* 
 * HTML5 ✰ Paragraphe de fin
 *
 * Ce qui suit est le fruit de recherches intensives sur la définition de styles utilisables sur plusieurs navigateurs. 
 * Crédits laissés en retrait. Tous nos remerciements à Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, ainsi qu'à la communauté et l'équipe de développement H5BP.
 *
 * Informations détaillées sur ce CSS : h5bp.com/css
 * 
 * Modifications de Dreamweaver :
 * 1. Mise en surbrillance de sélection convertie en commentaire
 * 2. Suppression de la section sur les requêtes multimédias (la nôtre est ajoutée dans un fichier séparé)
 *
 * ==|== normalisation ==========================================================
 */


/* =============================================================================
   Définitions d'affichage HTML5
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Redimensionnement anormal du texte dans IE6/7 si la taille de la police de corps est définie en unités em.
 * 2. Barre de défilement verticale forcée dans les navigateurs autres que IE
 * 3. Prévention de l'adaptation de la taille de texte sous iOS en cas de changement d'orientation de l'appareil, sans désactivation du zoom utilisateur : h5bp.com/g
 */
/*
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }
*/
/* 
 * Suppression de l'ombrage du texte dans la mise en surbrillance de sélection : h5bp.com/i
 * Ces déclarations de sélection doivent être séparées
 * En outre : rose vif ! (ou personnalisez la couleur d'arrière-plan pour l'adapter à votre concept)
 */

/* Dreamweaver : annulez la mise en commentaire si vous voulez personnaliser la mise en surbrillance de la sélection.
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   Liens
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Amélioration de la lisibilité en cas de focus et de survol dans tous les navigateurs : h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typographie
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Nouvelle déclaration de la famille de polices monospace : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Amélioration de la lisibilité du texte préformaté dans tous les navigateurs */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Placement du contenu en exposant et en indice sans influer sur la hauteur de ligne : h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Listes
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Contenu incorporé
   ========================================================================== */

/*
 * 1. Amélioration de la qualité d'image en cas de mise à l'échelle dans IE7 : h5bp.com/d
 * 2. Suppression de l'espace entre images et bordures dans les conteneurs d'images : h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Débordement correct non masqué dans IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Illustrations
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Formulaires
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indiquer que le 'libellé' décalera le focus sur l'élément de formulaire associer */
label { cursor: pointer; }

/* 
 * 1. Couleurs correctes non héritées dans IE6/7/8/9 
 * 2. Alignement correct affiché de façon anormale dans IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Taille de police correcte non héritée dans tous les navigateurs
 * 2. Suppression des marges dans FF3/4 S5 Chrome
 * 3. Définition de l'affichage cohérent de l'alignement vertical dans tous les navigateurs
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Définition de la hauteur de ligne comme normale pour correspondre à FF3/4 (définition à l'aide de !important dans la feuille de style UA)
 * 2. Espacement intérieur correct affiché de façon anormale dans IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Réintroduction de l'espacement intérieur dans 'table' pour éviter les problèmes de chevauchement et d'espaces blancs dans IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Affichage d'un curseur en forme de main pour les éléments de formulaire cliquables
 * 2. Autoriser la définition de style pour les éléments de formulaire cliquables dans iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Dimensionnement et apparence cohérents des cases
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Suppression de la marge intérieure et de la bordure dans FF3/4 : h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Suppression de la barre de défilement verticale par défaut dans IE6/7/8/9 
 * 2. Autoriser le redimensionnement vertical seul
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Couleurs pour validité de formulaire */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tableaux
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== styles principaux =====================================================
   Auteur : 
   ========================================================================== */
















/* ==|== classes auxiliaires non sémantiques ========================================
   Définissez vos styles avant cette section.
   ========================================================================== */

/* Pour le remplacement d'image */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Masquer des lecteurs d'écran et des navigateurs : h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Masquer visuellement, mais laisser à disposition des lecteurs d'écran : h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Développe la classe .visuallyhidden pour permettre le focus sur l'élément en cas d'accès à l'aide du clavier : h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Masquer visuellement et des lecteurs d'écran, mais conserver la disposition */
.invisible { visibility: hidden; }

/* Contient des éléments flottants : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== styles d'impression =======================================================
   Styles d'impression.
   Mis en retrait pour éviter la connexion HTTP obligatoire : h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Le noir s'imprime plus vite : h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Ne pas afficher les liens pour les images ou les liens JavaScript/internes */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* Stylesheet: fluid Modified On 2012-10-22 10:52:46 */
@charset "utf-8";
/* Média fluide simple
   Remarque : un média fluide exige que vous supprimiez les attributs de hauteur et de largeur du média du code HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
	width:100%;
}

/*
	Propriétés de grille fluide Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiré par "Responsive Web Design" par Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	et le système Golden Grid par Joni Korpi
	http://goldengridsystem.com/
*/

/* Disposition mobile : 480px et moins. */



.gridContainer {
	margin-left: auto;
	margin-right: auto;
/*	width: 100%;*/
width: 1000px;
	padding-left: 0%;
	padding-right: 0%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media  screen (max-width: 640px) {
.gridContainer {
width: 1000px;
	padding-left: 0%;
	padding-right: 0%;
	
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo{
	display:none
	
	}

}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {
.gridContainer {
width: 1000px;
	max-width: 1000px;

	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
/* Stylesheet: mip-dili Modified On 2017-11-20 13:31:53 */
@charset "utf-8";
.akclear {
	clear: both
}
td img {
	display: block;
}
@font-face {
	font-family: 'GOTHIC';
	src: url('GOTHIC.eot');
	src: local('☺'), url('/GOTHIC.woff') format('woff'), url('GOTHIC.ttf') format('truetype'), url('GOTHIC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
a:link, a:visited, a:hover, a:active {
	color: #62AC1F;
}
a.no_decoration {
	text-decoration: none;
	color: #666;
}
a.no_decoration:hover {
	text-decoration: none;
	color: #62AC1F;
}
h1 {
	background-image: url(/images/h1_bg.png);
	background-repeat: no-repeat;
	width: 632px;
	height: 29px;
	font-weight: normal;
	padding-top: 2px;
	padding-left: 50px;
	color: #871519;
	font-size: 18px;
	text-shadow: 0px 0px 3px #c4c0c4;
	/*filter: dropshadow(color=#c4c0c4, offx=0, offy=0);*/
	margin-left: 0px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
h2 {
	font-weight: bold;
	font-size: 15px;
}
h2.partners {
	background-image: url(/images/fleche_verte_transp.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 15px;
	color: #87151A
}
h2.publications {
	font-weight: bold;
	color: #58b549;
	font-size: 15px;
}
h2.mini_box {
	font-family: 'GOTHIC', Helvetica, Arial, sans-serif;
	color: #871519;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 0px 0px 3px #c4c0c4;
	/*	filter: dropshadow(color=#c4c0c4, offx=0, offy=0);*/
	margin-left: 15px;
	margin-top: 0px;
	display: block;
}
h2.mini_box a {
	font-family: 'GOTHIC', Helvetica, Arial, sans-serif;
	color: #871519;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 0px 0px 3px #c4c0c4;
	/*	filter: dropshadow(color=#c4c0c4, offx=0, offy=0);*/
	margin-left: 15px;
	margin-top: 0px;
	display: block;
	text-decoration: none
}
h2.mini_box a:hover {
	text-decoration: underline
}
body {
	font-family: 'GOTHIC', Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	background-image: url(/images/big_bg.jpg);
	background-color: #5D1217;
	color: #666;
	background-repeat: no-repeat;
	background-position: center top;
}
.content {
	width: 89%;
	margin-left: auto;
	margin-right: auto;
	z-index: 0
}
#mini_tiret_vert {
	background-image: url(/images/mini_tiret_vert.jpg);
	width: 100%;
	height: 10px
}
#header {
	background-position: 0px -3px;
	background-image: url(/images/header_blanc+logo.png);
	width: 100%;
	height: 114px;
	background-color: #fff;
}
#logo {
	margin-left: 10px;
	float: left;
	display: block;
	background-image: url(/images/logo.png);
	width: 34%;
	height: 111px;
	background-repeat: no-repeat;
	overflow:hidden
}
#header_top {
	float: right;
	width: 100%;
	height: 54px;
	padding-top: 10px
}
.icons_wrapper {
	height:40px;
	display:block;
	float: left
}
.icons_wrapper img {
	margin-right: 20px
}
#header_bottom {
	float: left;
	width: 100%;
	height: 47px;

}
#main {
	background-color: #c5c6c7;
	min-height: 800px;
	width: 100%;
	float: left;
}
#left {
	padding-top: 20px;
	width: 29%;
	min-height: 800px;
	float: left;
	display: block;
	-webkit-box-shadow: inset 0px 5px 4px 0px rgba(33, 33, 33, 0.4);
	box-shadow: inset 0px 5px 4px 0px rgba(33, 33, 33, 0.4);
}
#right {
	padding: 15px;
	width: 68%;
	min-height: 800px;
	float: left;
	display: block;
	background-color: #FFF;
	-webkit-box-shadow: inset 0px 5px 4px 0px rgba(33, 33, 33, 0.4);
	box-shadow: inset 0px 5px 4px 0px rgba(33, 33, 33, 0.4);
}
.left_box {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFF;
	min-height: 160px;
	margin-bottom: 20px;
	background-image: url(/images/mini_box_bg.png);
	background-repeat: repeat-x;
	padding-top: 7px;
	padding-bottom: 10px
}
#footer {
	float: left;
	background-image: url(/images/footer_bg.png);
	background-color: #60ab25;
	background-repeat: repeat-x;
	width: 100%;
	height: 135px;
	padding-top: 30px;
	font-size: 14px
}
.footer_small {
	font-size: 11px;
	text-align: center;
	margin: 0px;
padding0px
}
.bouton_menu_home {
	-moz-box-shadow: inset 0px 1px 0px 0px #87151b;
	-webkit-box-shadow: inset 0px 1px 0px 0px #87151b;
	box-shadow: inset 0px 1px 0px 0px #87151b;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9f4733), color-stop(1, #87151b) );
	background: -moz-linear-gradient( center top, #9f4733 5%, #87151b 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f4733', endColorstr='#87151b');
	background-color: #9f4733;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #87151b;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 6px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #b23e35;
}
.bouton_menu_home:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #87151b), color-stop(1, #9f4733) );
	background: -moz-linear-gradient( center top, #87151b 5%, #9f4733 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87151b', endColorstr='#9f4733');
	background-color: #87151b;
}
.bouton_menu_home:active {
	position: relative;
	top: 1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */




.bouton_menu_current {
	-moz-box-shadow: inset 0px 1px 0px 0px #87151b;
	-webkit-box-shadow: inset 0px 1px 0px 0px #87151b;
	box-shadow: inset 0px 1px 0px 0px #87151b;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9c3f2f), color-stop(1, #87151b) );
	background: -moz-linear-gradient( center top, #9c3f2f 5%, #87151b 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c3f2f', endColorstr='#87151b');
	background-color: #9c3f2f;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #87151b;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 6px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #810e05;
}
.bouton_menu_current:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #87151b), color-stop(1, #9c3f2f) );
	background: -moz-linear-gradient( center top, #87151b 5%, #9c3f2f 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87151b', endColorstr='#9c3f2f');
	background-color: #87151b;
}
.bouton_menu_current:active {
	position: relative;
	top: 1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

a.bouton_menu_current {
	color: #fff;
	font-size: 12px;
	width: 95px;
}
a.bouton_menu {
	color: #fff;
	font-size: 12px;
	width: 95px;
}
.bouton_menu {
	-moz-box-shadow: inset 0px 1px 0px 0px #7fbf46;
	-webkit-box-shadow: inset 0px 1px 0px 0px #7fbf46;
	box-shadow: inset 0px 1px 0px 0px #7fbf46;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82bc52), color-stop(1, #5fab25) );
	background: -moz-linear-gradient( center top, #82bc52 5%, #5fab25 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bc52', endColorstr='#5fab25');
	border: 1px solid #5fab25;
	background-color: #82bc52;
	color: #fafafa;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 6px;
	text-decoration: none;
	text-shadow: 0px 0px 0px #507033;
}
.bouton_menu:hover {
	-moz-box-shadow: inset 0px 1px 0px 0px #87151b;
	-webkit-box-shadow: inset 0px 1px 0px 0px #87151b;
	box-shadow: inset 0px 1px 0px 0px #87151b;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9c3f2f), color-stop(1, #87151b) );
	background: -moz-linear-gradient( center top, #9c3f2f 5%, #87151b 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c3f2f', endColorstr='#87151b');
	background-color: #9c3f2f;
}
.bouton_menu:active {
	position: relative;
	top: 1px;
}
.nav {
	display: block;
	list-style: none outside none;
	text-align: center;
	position: relative
}
.nav ul {
	margin: 0;
	position: relative
}
.nav li {
	display: block;
	float: left;
	margin-right: 10px;
	position: relative
}
.search {
	width: 180px;
 [if IE 8.0] padding-top: 0px;
 [if IE 8.0] width: 160px;
 [if IE 7.0] padding-top: 0px;
 [if IE 7.0] width: 160px;
	height: 39px;
	line-height: 39px;
	border: 0px solid #CCC;
	padding-left: 20px;
	float:left;
	background-repeat: no-repeat;
	background-image: url(/images/search_bg.png);
	background-color: transparent;
}
.search_bouton {
	float:right;
	width: 30px;
	height: 39px;
	border: 0px solid #CCC;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-image: url(/images/search_bouton.png);
	background-color: transparent;
	display:block
}
.wrapper_cal {
	/*	border: 1px solid #60ab25;*/
	display: block;
	width: 205px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	text-align: justify
}
.calendar {
	border: 1px solid #60ab25;
}
.calendar td.calendar-today {
	border: 2px solid #88151A;
}
.calendar td.calendar_selected {
	background-color: #60ab25
}
.calendar td.calendar_selected a {
	color: #FFF;
	text-decoration: none
}
.calendar td {
	text-align: center;
	border: 1px solid #60ab25;
	color: #60ab25;
}
.calendar th {
	font-weight: normal;
	color: #87151a;
}
.calendar-month {
	border-top: 1px solid #60ab25;
	border-left: 1px solid #60ab25;
	border-right: 1px solid #60ab25;
	font-weight: bold;
	color: #60ab25;
}
.calendar-prev {
	float: left;
	display: block;
	background-color: #5FAB25;
	color: #FFF;
	width: 20px
}
.calendar-prev a {
	text-decoration: none;
	color: #FFF
}
.calendar-next {
	float: right;
	display: block;
	background-color: #5FAB25;
	color: #FFF;
	width: 20px
}
.calendar-next a {
	text-decoration: none;
	color: #FFF
}
.NewsSummaryTitle {
	color: #6BB135;
	font-size: 14px;
	font-weight: bold
}
.NewsSummary {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(33, 33, 33, .2);
	box-shadow: 0px 0px 2px 1px rgba(33, 33, 33, .2);
	display: block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.NewsSummarySummary {
	margin-left: 7px;
	margin-top: 2px;
	color: #9C9C9C;
	font-size: 11px;
	background-image: url(/images/fleche_verte.png);
	height: 80px;
	border-bottom: 1px solid #999;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 205px;
	min-height: 106px
}
.NewsSummarySummary a {
	color: #666;
	text-decoration: none
}
#sousmenu {
	width: 1000px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	list-style: none outside none;
	text-align: center;
	height: 40px;
	margin-bottom: 4px
}
#sousmenu ul {
	display: block;
	width: 240px;
	margin: 0 auto;
}
#sousmenu li {
	display: block;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}
#sousmenu li a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 0px 1px #333;
	filter: dropshadow(color=#333, offx=0, offy=0);
}
#sousmenu li a:hover {
	text-decoration: underline
}
.bouton_login {
	-moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
	box-shadow: inset 0px 1px 0px 0px #a4e271;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82bc52), color-stop(1, #5fab25) );
	background: -moz-linear-gradient( center top, #82bc52 5%, #5fab25 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#82bc52', endColorstr='#5fab25');
	border: 1px solid #5fab25;
	background-color: #82bc52;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 13px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #528009;
}
.bouton_login:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background: -moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color: #77a809;
}
.bouton_login:active {
	position: relative;
	top: 1px;
}
a.bouton_login {
	color: #FFF
}
ul.pagination {
	list-style: none;
	font-size: 10px
}
ul.pagination li {
	font-size: 10px;
	float: left;
	margin-right: 5px
}
#header_bottom ul .submenu {
	border: solid 1px #c9dea1;
	border-top: none;
	background: #E2F0D4;
	position: relative;
	top: 0px;
	width: 98px;
	padding: 0px 4px 4px 4px;
	clear: both;
	display: none;
	font-size: 12px
}
#header_bottom ul .submenu li {
	background: none;
	display: block;
	float: none;
	margin: 0px;
	border: 0;
	height: auto;
	line-height: normal;
	border-top: solid 1px #DEDEDE;
	font-size: 12px;
}
#header_bottom .submenu li a {
	text-decoration: none;
	background: none;
	display: block;
	float: none;
	padding: 4px 4px;
	margin: 0;
	border: 0;
	height: auto;
	color: #96342A;
	line-height: normal;
	font-size: 12px;
}
#header_bottom .submenu li a:hover {
	text-decoration: none;
	background: #5DAD46;
	font-size: 12px;
	color:#FFF;
}
.wp_titre {
	color: #000000;
	font-size: 18px;
}
.wp_auteur {
	color: #A6A6A6;
	text-align: right;
	font-size: 16px;
}
.wp_soustitre {
	color: #000000;
	font-size: 14px;
}
.category_library {
	font-weight: bold;
	color: #62AD20;
	font-size: 16px;
}
a.tag_noir {
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333333
}
a.tag_vert {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	color: #62ad20;
}
a.tag_violet {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #990066
}
a.tag_orange {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	color: #ff8533;
}
a.tag_rouge {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
	color: #922c26
}
a.tag_noir:hover, a.tag_violet:hover, a.tag_orange:hover, a.tag_rouge:hover, a.tag_vert:hover {
	text-decoration: underline
}
.cms_form{
	margin:0;
	padding:0
	}
/* Stylesheet: FormBuilder Default Style Modified On 2012-09-04 11:25:27 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	color: #62AC1F;
	margin-bottom: 10px;
	display: block
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #AA831C;
	padding: 0.5em
}
.contactform label {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	display: block;
	width: 100px;
color:#88151B;
	float: left
}
.legend {
 color: #FFF;
 background: #aa831c;
 font-style: italic;
 font-size: 1.2em;
 margin-bottom: 0.5em;
 padding: 0.2em;
 width: auto;
 border: 1px solid #aa831c
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	display: block;
	margin-top: 0.5em
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
.formbuilderform textarea {
	background-color: #fff;
	border: 1px solid #5FAB25;
	height: 90px
}
.formbuilderform input {
	background-color: #fff;
	border: 1px solid #AA831C;
	display: block
}
.formbuilderform input[type="checkbox"] {
	float: left
}
.formbuilderform input[type="radio"] {
	display: inline;
	background-color: transparent;
	border: none;
}
.contactform {
	clear: both;
	min-height: auto;
	background-color: #DFEED2;
	padding: 10px
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #5FAB25;
	height: 90px;
	color: #666;
	font-size: 10px
}
.contactform .required {
	clear: both
}