/*----------------------------------------------------*/
/* ------- Import des CSS des modules -------- */
@import url(slide.css);
@import url(calendrier.css);
@import url(barre.css);

body {
          margin : 0 auto 0;
          text-align : center;
          font-family : Verdana;
          font-size : 11px;
          color : #000000;
		  background-image: url(../images/site/integration_bg15.jpg); /*13 ou 14*/ 
		  background-repeat: no-repeat;
		  background-attachment:fixed;
		  background-position:center;
		  background-color:#000000;
		  width:1087px
}

* {margin:0; padding:0;}
.gras {font-weight:bold;}
.vert_gras {font-weight:bold;color:#82C551;}
.bleu_gras{font-weight:bold;color:#16B2E5;}
.rose_gras {font-weight:bold;color:#FD81D7;}
.jaune_gras {font-weight:bold;color:#F6C135;}
.centre {text-align:center;}

.vert {color:#82C551;}
.bleu{color:#16B2E5;}
.rose {color:#FD81D7;}
.jaune {color:#F6C135;}

.vert_gros_gras {font-weight:bold;color:#82C551;font-size:14px;}
.bleu_gros_gras{font-weight:bold;color:#16B2E5;font-size:14px;}
.rose_gros_gras {font-weight:bold;color:#FD81D7;font-size:14px;}
.jaune_gros_gras {font-weight:bold;color:#F6C135;font-size:14px;}

.transparence {filter : alpha(opacity=40);-moz-opacity : 0.4; opacity : 0.4;}
.transparence:hover {filter : alpha(opacity=100);-moz-opacity : 1; opacity : 1;}
.image_contour {border:6px solid #F6C135; margin:5px 0 5px 0 ;}
.image_creations {border:6px solid #F6C135; margin:5px 5px 5px 0; filter : alpha(opacity=60);-moz-opacity : 0.6; opacity : 0.6;}
.image_creations:hover {border:6px solid #FB61C3; margin:5px 5px 5px 0; filter : alpha(opacity=100);-moz-opacity : 1; opacity : 1;}
.image_left {border:6px solid #F6C135; margin:5px 15px 5px 0 ; float:left;}
.right{float:right;}
a:active, a:link, a:visited, a:hover {color: #FFFFFF; text-decoration: none;}
img {border:0;}
hr {color:#16B2E5; margin:12px 0 12px 0;}


/* ------------------------------------------------------------------------------------------- */
/* --------------Général-------------------------------------------------------------------- */
#General {width:1087px; /*background-color:#000000;*/}
#Header {width:1087px; height:153px; /*background-color:#FFFFFF;*/}
#BlocG {width:585px; float:left; /*background-color:#00FFFF;*/}
#BlocD {width:461px; float:left; margin:0 0 0 41px; /*background-color:#00FF00;*/}
#Footer {width:1087px; clear:both; float:left; /*background-color:#00FF00;*/}

/* ------------------------------------------------------------------------------------------- */
/* --------------News & Cadre------------------------------------------------------------- */
.cadre_hautG {width:585px; height:18px; background-image: url(../images/site/cadre_hautG.png);margin:20px 0 0 0;}
.cadre_milieuG {width:585px; background-image: url(../images/site/cadre_milieuG.png); background-repeat:repeat-y; text-align:justify;}
.cadre_basG {width:585px; height:18px; background-image: url(../images/site/cadre_basG.png);}

.cadre_hautD {width:461px; height:18px; background-image: url(../images/site/cadre_hautD.png);margin:20px 0 0 0;}
.cadre_milieuD {width:461px; background-image: url(../images/site/cadre_milieuD.png); background-repeat:repeat-y; text-align:justify;}
.cadre_basD {width:461px; height:18px; background-image: url(../images/site/cadre_basD.png);}
.cadre_newsG, .cadre_newsD {border:1px solid #16B2E5; background-color:#FBFBF1; padding:20px; margin:0 20px 0 20px;}
.cadre_newsG p{margin:5px 0 0 0; color:#0F7B9F; }
.cadre_newsG p:first-letter {
	padding: 0 0 0 20px;
	font-weight:bold;
	font-size:18px;
}


/* ------------------------------------------------------------------------------------------- */
/* --------------Footer---------------------------------------------------------------------- */
.footer_haut {width:1086px; height:18px; background-image: url(../images/site/footer_haut.png);margin:20px 0 0 0;}
.footer_milieu {width:1087px; text-align:justify;}
.footer_milieu p {padding:0 20px 30px 20px; color:#FFFFFF; height:300px;}
.footer_colonne {float:left; width:322px; background-image: url(../images/site/footer_milieu.png); background-repeat:repeat-y; }

/* ------------------------------------------------------------------------------------------- */
/* --------------Header--------------------------------------------------------------------- */
#header_ligne1 {height:15px; background-image: url(../images/site/header_ligne1.png); text-align:left; padding:0 0 0 12px;}
#header_principal {height:79px; background-image: url(../images/site/header_principal.png); text-align:left;}
#header_principal h1 {margin:0 4px 0 48px; float:left;}
.miniatures {margin:0 0 0 74px; float:left;}
#header_ligne2 {height:21px; background-image: url(../images/site/header_ligne2.png); width:1087px; float:left; margin:-4px 0 0 0;color:#FFFFFF;}
#header_ligne2 h2 {text-align:left; font-size:9px; font-weight:200;padding:0 0 0 150px;}
#header_ligne3 {height:18px; background-image: url(../images/site/header_bas.png);width:1087px;float:left;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Menu supérieur droite---------------------------------------------------- */
#menuH {float:left; padding:6px 0 0 0;}

#menu_options1{list-style-type:none;float:left;margin:0 0 0 52px;}
#menu_options2{list-style-type:none;float:left;margin:-68px 0 0 178px;}
#menu_options3{list-style-type:none;float:left;margin:-68px 0 0 308px;}

.menu_option_titre {font-weight:bold; margin:0 0 10px 0;}
.menu_option_elements{padding:0 0 0 8px; margin:0 0 2px 0;}
.menu_option_elements li{margin:0 0 2px 0;}

#menu_options1 li, #menu_options2 li, #menu_options3 li {}
#menu_options1 li a{color:#0DB3E7;}
#menu_options2 li a{color:#FD86D8;}
#menu_options3 li a{color:#A0C902;}
#menu_options1 li a:hover, #menu_options2 li a:hover, #menu_options3 li a:hover {text-decoration:underline;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Menu horizontal----------------------------------------------------------- */
#recherche_form {font-weight:bold; font-weight:200; font-size:11px;}
#recherche_cadre {width:141px; height:20px; background-image:url(../images/site/rechercher_form.png); border:0; color:#0DB3E7; padding:0 0 0 4px; position:absolute; left:688px; font-size:11px;}
#recherche_bouton {margin:0 0 0 710px; padding:0 0 0 8px;font-size:10px; font-weight:bold;}
#recherche_input{display:inline-block;background:url(../images/site/rechercher.png) top center no-repeat;width:79px;height:20px; border:none;text-indent:-9999px;cursor:pointer;}
#recherche_input:hover{display:inline-block;background:url(../images/site/rechercher_hover.png) top center no-repeat;width:79px;height:20px; border:none;text-indent:-9999px;cursor:pointer;}

#contact_bouton {background-color:#FBFBF1; color:#FB61B9; border:1px solid #FD81D7; font-weight:bold;width:500px;}
#contact_textearea {width:500px; height:100px; border:1px solid #FD81D7; font-family : Verdana; font-size:10px;}
#contact_pseudo, #contact_email {width:500px; border:1px solid #FD81D7; font-family : Verdana; font-size:10px;}
#contact_titre {width:500px;border:1px solid #FD81D7; font-family : Verdana; font-size:10px;}

#header_menu {height:20px; background-image: url(../images/site/header_menu.png);width:1087px; float:left;}
#header_menuH {background-image:url(../images/site/header_menu_repeat.png); background-repeat:repeat; height:20px; font-size:10px;}
#menu1 h1, #menu2 h1, #menu3 h1{font-size:10px; color:#A0C903;}
#menu1 li, #menu2 li, #menu3 li {font-size:10px; color:#A0C903; margin-left:12px; list-style-type: none;}
#menu1 a, #menu2 a, #menu3 a {color:#A0C903;}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover{color:#15B2E7;}
#menu1 {text-align:left; margin-left:648px; margin-top:-76px !important;}
#menu2 {text-align:left; margin-left:773px; margin-top:-66px !important;}
#menu3 {text-align:left; margin-left:905px; margin-top:-66px !important;}
#header_menuH {	position: relative;	height: 20px; margin: 0 10px 0 50px; clear: both; background: url(../images/site/menu.png) left top no-repeat;}
#header_menuH ul, #header_menuH li {	margin:0;	padding: 0;	list-style-type: none;	}
#header_menuH ul {position: absolute;	height: 20px;		left: 25px;}
#header_menuH li {float: left;}
#header_menuH li a { padding:3px 0 0 0;display: block;  height: 20px;width: 93px;color: #FFF;font-weight:bold;text-decoration: none;text-align: center;}
#header_menuH a:hover {color: #fff;font-weight:bold;}
a:hover.menu_a_hover {background: transparent url(../images/site/menu.png) top left no-repeat;}
#header_menuH a#header_menu1:hover {background-position: -25px -20px;}
#header_menuH a#header_menu2:hover {background-position: -118px -20px;}
#header_menuH a#header_menu3:hover {background-position: -211px -20px;}
#header_menuH a#header_menu4:hover {background-position: -304px -20px;}
#header_menuH a#header_menu5:hover {background-position: -394px -20px;}
#header_menuH a#header_menu6:hover {background-position: -486px -20px;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Cadre Gauche------------------------------------------------------------- */
.news_date_creation {background-image:url(../images/site/date.png); width:62px; height:56px; margin:0 5px 10px 0; float:left; color:#fff; font-weight:bold;line-height:17px; text-align:center; font-size:10px;}
.news_informations {margin:5px 0 0 0;}
.news_titre {color:#7AC54F; font-size:16px; text-align:left;margin-top:6px;padding:6px 0 0 0; font-weight:bold; text-shadow: 1px 1px 1px #A6DF84;}
.news_poste, .news_lu {color:#FB61B9; font-size:10px; text-align:left; font-weight:200;}
.news_commentaire {color:#FB61CF; font-weight:bold; text-align:center; margin:10px 0 60px 0;}
.news_commentaire_gauche {background-image:url(../images/site/article_coms.png); background-repeat:no-repeat; width:108px; height:59px;float:left; margin:0 76px 10px -31px; padding:17px 0 0 16px; color:#FFFFFF;}
.news_commentaire_droite {background-image:url(../images/site/article_suite.png); background-repeat:no-repeat;width:130px; height:49px;float:left;margin:0 0 0 40px;padding:17px 0 0 0; color:#FFFFFF; }
.news_commentaire_droite a {color:#FFFFFF;}
.news_commentaire_milieu a {color:#FD60BB;}
.news_commentaire_milieu {float:left;padding:17px 0 0 0; }
a.auteur {color:#FD60BB; font-weight:bold;}
a.categorie {color:#16B2E5;}
#pagination {font-weight:bold; margin:0 0 0 0; color:#82C551;text-align:center;}
a.pagination_bouton {color:#82C551;margin:0 56px 0 56px;}
a.pagination_nb_rose {color:#FD81D7; margin:0 2px 0 2px;}
a.pagination_nb_bleu {color:#46B1E5; margin:0 2px 0 2px;}


/* ------------------------------------------------------------------------------------------- */
/* --------------Cadre Droite-------------------------------------------------------------- */
.cadre_newsD p {color:#FC60CE;}
.cadre_newsD h3 {color:#7AC54F; font-size:12px; font-weight:bold;margin:0 0 10px 0;}
.cadre_newsD h4 {color:#7AC54F;font-size:11px; font-weight:200; margin:10px 0 0 0;}
.cadre_newsD a {color:#FB61B9;font-size:11px; font-weight:bold; margin:5px 0 0 0;}
#cadre_calendrier, #cadre_categorie, #cadre_niveaux, #cadre_pub1, #cadre_pub2 {width:146px; height:180px;}
#cadre_calendrier {padding:20px 20px 20px 13px ;}
#cadre_pub1, #cadre_pub2 {padding:20px 20px 20px 13px ;}
#cadre_niveaux  {padding:20px 20px 20px 13px ;}
#cadre_categorie li, #cadre_niveaux li {list-style-type:none;}
#cadre_categorie a, #cadre_niveaux a {color:#16B2E5;  font-weight:200;}
#cadre_top10_D, #cadre_top10_G {background-image:url(../images/site/top10.png); background-repeat:no-repeat; width:186px; height:311px; padding:0;margin-top:10px;}
h5.TOP10_1 {font-weight:bold; color:#16B2E5;margin:4px 0 0 5px;}
.TOP10_1 a {color:#16B2E5; font-size:9px;}
h5.TOP10_2 {font-weight:bold; color:#FFFFFF; margin:4px 0 0 5px;}
.TOP10_2 a {color:#FFFFFF; font-size:9px;}
p.TOP10_1 {color:#FF7CD9; margin:0 0 5px 5px;}
p.TOP10_2 {color:#8E8E8E; margin:0 0 7px 5px;}
.image_titre {padding:0 75px 0 75px;}
#cadre_slide {padding:0; height:202px;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Créations------------------------------------------------------------------ */
li.creations_coms {padding:0 1px 0 1px; list-style-type: none;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Commentaires------------------------------------------------------------------ */
.commentaires_up_01 {background:url(../images/site/comstop01.png); width:506px; height:64px; padding:0 15px 0 15px; background-repeat:no-repeat; margin:10px 0 0 0;}
.commentaires_middle_01 {background:url(../images/site/comsmiddle01.png); width:475px; background-repeat:repeat-y; padding:0 25px 0 15px; margin:-10px 0 0 0;}

.commentaires_up_02 {background:url(../images/site/comstop02.png); width:506px; height:64px; padding:0 15px 0 15px; background-repeat:no-repeat; margin:10px 0 0 0;}
.commentaires_middle_02 {background:url(../images/site/comsmiddle02.png); width:475px; background-repeat:repeat-y; padding:0 25px 0 15px; margin:-10px 0 0 0;}

.commentaires_middle_01 a, .commentaires_middle_02 a{color:#2F708A;}

.alerte_OK {color:green;}
.alerte_KO {color:red;}

.commentaire_formulaire {}
.commentaire_texte_01 {margin:0 18px 0 0;}
.commentaire_texte_02 {margin:0 30px 0 0;}
.commentaire_texte_03 {margin:0 8px 0 0;}
.commentaire_champs {width:200px; border:1px solid #7AC54F; font-family:Verdana; font-size:12px; margin:0 0 5px 0;}
.commentaire_textarea {width:208px; border:1px solid #7AC54F; font-family:Verdana; font-size:12px; margin:0 0 5px 0; height:90px;}
.commentaire_champs_captcha {width:265px; border:1px solid #7AC54F; font-family:Verdana; font-size:12px; margin:0 0 5px 0;}
#commentaire_gauche {float:left;}
#commentaire_droit {float:left; margin:5px 0 0 25px;}
.commentaire_captcha {color:#000000;}
.commentaire_bouton {width:502px; border:1px solid #7AC54F;}

.derniere_modification {font-style:italic; text-align:right; font-weight:bold;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Dossiers---------------------------------------------------------------------- */
.dossiers_commentaire_milieu {float:left;padding:17px 12px 0 0; }
.dossiers_commentaire_milieu a{color:#FB61CC;}
h4 {font-size:14px; font-weight:bold; margin:6px 0 6px 0; color:#FB61B9; text-align:center;}
.cadre_newsG p a {color:#FB61B9;}
.dossiers_titre {color:#7AC54F; font-size:16px; text-align:center; margin-top:6px;padding:6px 0 0 0; font-weight:bold;}
a.bigtitre {color:#16B2E5; font-size:16px; padding:10px 0 0 0;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Publicité---------------------------------------------------------------------- */
.publicite {padding:0 0 0 13px;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Livre d'Or---------------------------------------------------------------------- */
.livredor {width:135px; height:28px; color:#FFFFFF; font-weight:bold; padding:8px 0 0 11px; background:url(../images/livredor/signez3.png) no-repeat; font-size:10px;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Footer---------------------------------------------------------------------- */
.alea_01 a{font-size:20px; color:#FFFFFF;}
.alea_02 a{font-size:24px; color:#FFFFFF;}
.alea_03 a{font-size:16px; color:#FFFFFF;}
.alea_04 a{font-size:10px; color:#FFFFFF;}
.alea_05 a{font-size:8px; color:#FFFFFF;}
.image_lecteurs {border:1px solid #000000;margin:0 0 2px 0;}

/* ------------------------------------------------------------------------------------------------- */
/* --------------------------------------- PAGINATION ----------------------------------------------- */
.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; /* no underline */
	color: #036CB4;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

/* ------------------------------------------------------------------------------------------- */
/* --------------CSS3 ------------------------------------------------------------- */
.title_shadow_green_css3 {font-weight:bold; font-size:12px; text-shadow: 1px 1px 1px #7AC54F;}
.title_shadow_blue_css3 {font-weight:bold; font-size:12px; text-shadow: 1px 1px 1px #16B2E5;}
.title_shadow_rose_css3 {font-weight:bold; font-size:12px; text-shadow: 1px 1px 1px #FD60BB;}
.title_shadow_yellow_css3 {font-weight:bold; font-size:12px; text-shadow: 1px 1px 1px #F6C135;}

/* ------------------------------------------------------------------------------------------- */
/* --------------Javascript TIPS ------------------------------------------------------------- */
#dhtmltooltip{
	font-size:11px;
	font-family:arial;
	text-align:justify;
	position: absolute;
	padding:4px;
	left: -300px;
	width: 175px;
	border:	1px solid #C2C2C2;
	-moz-border-radius: 8px;
	visibility: hidden;
	letter-spacing:0px;
	z-index: 100;
	background-image:url(../images/modules/tips/transpa60.png) !important;

}