<!--
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, input, select, textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

select option{padding:0 3px;}

html>body input[type="checkbox"]{margin:3px;}
html>body input[type="radio"]{margin:4px;}

ul li{list-style:none;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background-color:#ccc;}
	
	#global{position:relative;width:970px;text-align:left;margin:0 auto;}
	
	#top, #middle, #bottom{float:left;width:970px;}
	
	
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
	
	/* -------- header -------- */
	#top p.phrase{float:left;width:950px;height:18px;padding:7px 15px 0 5px;font-size:12px;color:#463f33;text-align:center;}
	#top p.phrase a{color:#463f33;}
	#top #bandeau{float:left;width:950px;height:150px;padding:6px 15px 0 5px;background:url(img/bg-top.jpg) no-repeat;}
	
	#top #bandeau #logo{float:left;width:172px;}
	
	#top #bandeau #entete{float:left;width:778px;text-align:right;}
	#top #bandeau #entete img{vertical-align:middle;}
	
	/* nav */
	#top #nav{float:left;width:950px;height:39px;padding:0 15px 0 5px;background:url(img/bg-nav.gif) no-repeat;}
	
	#top #nav #rech_1{float:left;width:216px;}
	
	#top #nav ul{float:left;width:566px;padding-top:8px;}
	#top #nav ul li{float:left;padding-right:10px;}
	
	#top #nav ul li a{float:left;width:122px;height:23px;padding-top:8px;background:url(img/bg-bt-off.gif) no-repeat;font-size:13px;color:#525252;text-align:center;display:block;}
	#top #nav ul li a:hover{background:url(img/bg-bt-over.gif) no-repeat;}
	#pg_blog #top #nav ul li a#bt_blog{background:url(img/bg-bt-on.gif) no-repeat;color:#ff8814;}
	
	#top #nav #rech_2{float:left;width:161px;height:27px;padding:12px 0 0 7px;background:url(img/bg-recherche.gif) no-repeat 0px 8px;}
	
	#top #nav #rech_2 .input_rech{width:110px;height:16px;border:1px solid #fff;font-size:12px;color:#6a6a6a;margin-right:8px;}
	#top #nav #rech_2 .bt_rech{color:#ffed49;border:none;background-color:#65bd2a;cursor:pointer;}
	
	
	/* -------- middle -------- */
	#middle{background:url(img/bg-page.gif) repeat-y;padding:20px 0;}
	
	/* colonne gauche */
	#middle #sidebar_left{float:left;width:193px;padding:0 0 0 18px;}
	
	#middle #sidebar_left .bloc1, #middle #sidebar_left .bloc2, #middle #sidebar_left .bloc3, #middle #sidebar_right .bloc4, #middle #sidebar_left .bloc5, #middle #sidebar_left .bloc6{float:left;width:182px;background:url(img/bg-bloc1.gif) repeat-y;margin-bottom:14px;}
	#middle #sidebar_left .bloc2{background:url(img/bg-bloc2.gif) repeat-y;}
	#middle #sidebar_left .bloc3{background:url(img/bg-bloc3.gif) repeat-y;}
	#middle #sidebar_right .bloc4{background:url(img/bg-bloc4.gif) repeat-y;}
	#middle #sidebar_left .bloc5{background:url(img/bg-bloc5.gif) repeat-y;}
	#middle #sidebar_left .bloc6{background:url(img/bg-bloc6.gif) repeat-y;}
	
	#middle #sidebar_right .bloc4 img{vertical-align:middle;}
	
	#middle #sidebar_left .bloc1 p.onglet, #middle #sidebar_left .bloc2 p.onglet, #middle #sidebar_left .bloc3 p.onglet, #middle #sidebar_right .bloc4 p.onglet, #middle #sidebar_left .bloc5 p.onglet, #middle #sidebar_left .bloc6 p.onglet{float:left;width:176px;height:22px;padding:6px 6px 0 0;background:url(img/bg-tt-bloc1.gif) no-repeat;font-size:14px;color:#fff;text-align:right;}
	#middle #sidebar_left .bloc2 p.onglet{padding-top:7px;background:url(img/bg-tt-bloc2.gif) no-repeat;}
	#middle #sidebar_left .bloc3 p.onglet{background:url(img/bg-tt-bloc3.gif) no-repeat;}
	#middle #sidebar_right .bloc4 p.onglet{height:auto;padding:7px 6px 3px 0;background:#ff8814 url(img/bg-tt-bloc4.gif) no-repeat;}
	#middle #sidebar_left .bloc5 p.onglet{height:auto;padding:7px 6px 3px 0;background:#22a8cf url(img/bg-tt-bloc5.gif) no-repeat;}
	#middle #sidebar_left .bloc6 p.onglet{height:auto;padding:7px 6px 3px 0;background:#9a47b2 url(img/bg-tt-bloc6.gif) no-repeat;}
	
	#middle #sidebar_left .bloc1 ul, #middle #sidebar_left .bloc2 ul, #middle #sidebar_left .bloc3 ul, #middle #sidebar_right .bloc4 ul, #middle #sidebar_left .bloc5 ul, #middle #sidebar_left .bloc6 ul{float:left;width:164px;padding:10px 8px 4px 10px;}
	
	#middle #sidebar_left .bloc1 ul li, #middle #sidebar_left .bloc2 ul li, #middle #sidebar_left .bloc3 ul li, #middle #sidebar_right .bloc4 ul li, #middle #sidebar_left .bloc5 ul li, #middle #sidebar_left .bloc6 ul li{background:url(img/bg-puce-bloc1.gif) no-repeat 0px 6px;padding:0 0 2px 13px;font-size:13px;color:#585858;}
	#middle #sidebar_left .bloc2 ul li{background:url(img/bg-puce-bloc2.gif) no-repeat 0px 6px;}
	#middle #sidebar_left .bloc3 ul li{background:url(img/bg-puce-bloc3.gif) no-repeat 0px 6px;}
	#middle #sidebar_right .bloc4 ul li{background:url(img/bg-puce-bloc4.gif) no-repeat 0px 6px;color:#333;}
	#middle #sidebar_left .bloc5 ul li{background:url(img/bg-puce-bloc5.gif) no-repeat 0px 6px;color:#333;}
	#middle #sidebar_left .bloc6 ul li{background:url(img/bg-puce-bloc6.gif) no-repeat 0px 6px;color:#333;}
	
	#middle #sidebar_left ul li.tous{margin-top:14px;font-size:12px;font-weight:bold;}
	
	#middle #sidebar_left .bloc1 ul li a, #middle #sidebar_left .bloc2 ul li a, #middle #sidebar_left .bloc3 ul li a, #middle #sidebar_right .bloc4 ul li a, #middle #sidebar_left .bloc5 ul li a, #middle #sidebar_left .bloc6 ul li a{color:#585858;}
	#middle #sidebar_right .bloc4 ul li a, #middle #sidebar_left .bloc5 ul li a, #middle #sidebar_left .bloc6 ul li a{color:#333;}
	#middle #sidebar_left .bloc1 ul li a:hover{color:#65bd2a;text-decoration:none;}
	#middle #sidebar_left .bloc2 ul li a:hover{color:#2376bd;text-decoration:none;}
	#middle #sidebar_left .bloc3 ul li a:hover{color:#e6274a;text-decoration:none;}
	#middle #sidebar_right .bloc4 ul li a:hover{color:#ff8814;text-decoration:none;}
	#middle #sidebar_left .bloc5 ul li a:hover{color:#22a8cf;text-decoration:none;}
	#middle #sidebar_left .bloc6 ul li a:hover{color:#9a47b2;text-decoration:none;}
	
	#middle #sidebar_right .bloc4 .newsletter{float:left;width:182px;font-size:10px;color:#333;text-align:center;}
	#middle #sidebar_right .bloc4 .newsletter .input_news{width:145px;height:17px;border:1px solid #6a6a6a;margin:5px 0 7px 0;}
	
	#middle #sidebar_left .bloc6 p.raisons{float:left;width:170px;padding:8px 6px;font-size:13px;color:#333;text-align:center;}
	
	/* colonne centre */
	#middle #content{float:left;width:550px;}
	
	/* colonne droite */
	#middle #sidebar_right{float:left;width:194px;}
	
		
	/* -------- footer -------- */
	#bottom{height:48px;padding:11px 0 0 0;text-align:center;color:#fff;background:url(img/bg-footer.gif) no-repeat;}
	#bottom a{color:#fff;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	.bold{font-weight:bold;}
	.normal{font-weight:normal;}
	.italic{font-style:italic;}
	
	.couleur{color:#ff8814;}
	
	.clear{clear:both;}
	.middle{vertical-align:middle;margin-bottom:4px;}
	
	* html .block{display:block;}
	*+ html .block{display:block;}
	
	.txt_1{color:#e6274a;font-weight:bold;}
	.txt_2{color:#65bd2a;font-weight:bold;}
	.txt_3{color:#2376bd;font-weight:bold;}
	.txt_4{color:#22a8cf;font-weight:bold;}
	.txt_5{color:#9a47b2;font-weight:bold;}
	
	.alignleft{float:left;text-align:left;margin-right:8px;margin-bottom:8px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page index-cacophonie.html */ 
/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/
	/* bloc central */
	#middle #content .cadre{float:left;position:relative;width:539px;background:url(img/bg-cadre.gif) repeat-y;margin-bottom:16px;}
	#middle #content .cadre .bg_cadre{float:left;width:539px;background:url(img/bg-top-cadre.gif) no-repeat;padding-top:10px;}
	
	#middle #content .cadre .bg_cadre h2.h2_article{float:left;width:504px;padding:10px 18px 3px 17px;font-family:"Times New Roman", Times, serif;font-size:18px;color:#ff8814;}
	#middle #content .cadre .bg_cadre h2.h2_article a{color:#ff8814;}
	
	#middle #content .cadre .bg_cadre p.date{float:left;width:181px;padding:0 0 0 19px;color:#9a9a9a;}
	
	#middle #content .cadre .bg_cadre p.categories{float:left;width:321px;padding:0 18px 0 0;color:#9a9a9a;text-align:right;}
	#middle #content .cadre .bg_cadre p.categories a{color:#9a9a9a;text-decoration:underline;}
	#middle #content .cadre .bg_cadre p.categories a:hover{text-decoration:none;}
	
	#middle #content .cadre .bg_cadre img.img_filet{margin:8px 0 0 0;}
	
	#middle #content .cadre .bg_cadre .paragraphe{float:left;width:502px;padding:6px 18px 23px 19px;text-align:justify;}
	#middle #content .cadre .bg_cadre .paragraphe a{color:#000;text-decoration:underline;}
	#middle #content .cadre .bg_cadre .paragraphe a:hover{text-decoration:none;}
	#middle #content .cadre .bg_cadre .paragraphe p{padding-bottom:10px;}
	#middle #content .cadre .bg_cadre .paragraphe ul{margin-bottom:10px;}
	#middle #content .cadre .bg_cadre .paragraphe ul li{list-style-type:disc;margin-left:20px;}
	
	#middle #content .cadre .bg_cadre .boutons{float:left;width:445px;padding:0 0 0 94px;}
	
	#middle #content .cadre .bg_cadre .boutons a{float:left;width:160px;height:18px;padding-top:2px;margin:0 5px;color:#717171;text-align:center;background:url(img/bg-cartouche.gif) no-repeat;}
	#middle #content .cadre .bg_cadre .boutons a.lk_2{color:#ff8814;}
	
#middle #content .cadre .bg_cadre .tags{float:left;width:499px;padding:0 0 0 20px;margin-top:7px;color:#717171;background:url(img/bg-bas-tags.gif) no-repeat 20px bottom;}
#middle #content .cadre .bg_cadre .tags .bg_tags{float:left;width:479px;padding:2px 10px 4px 10px;background:url(img/bg-top-tags.gif) no-repeat;}
#middle #content .cadre .bg_cadre .tags .bg_tags a{color:#717171;text-decoration:underline;}
#middle #content .cadre .bg_cadre .tags .bg_tags a:hover{text-decoration:none;}

	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page index-iremas.html */ 
/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/
	#pg_iremas #top #nav #rech_1{float:left;width:181px;height:27px;padding:12px 0 0 35px;background:url(img/bg-recherche.gif) no-repeat 26px 8px;}
	
	#pg_iremas #top #nav #rech_1 .input_rech{width:105px;height:16px;border:1px solid #fff;font-size:12px;color:#6a6a6a;margin-right:10px;}
	#pg_iremas #top #nav #rech_1 a.bt_rech{color:#ffed49;}
	
	#pg_iremas #top #nav #rech_2{background:none;}
	
	/* ------ */
	#middle #content .cadre .bg_cadre h1.h1_1, #middle #content .cadre .bg_cadre h2.h2_1, 
	#middle #content .cadre .bg_cadre h1.h1_2, #middle #content .cadre .bg_cadre h2.h2_2, 
	#middle #content .cadre .bg_cadre h1.h1_3, #middle #content .cadre .bg_cadre h2.h2_3, 
	#middle #content .cadre .bg_cadre h1.h1_4, #middle #content .cadre .bg_cadre h2.h2_4, 
	#middle #content .cadre .bg_cadre h1.h1_5, #middle #content .cadre .bg_cadre h2.h2_5{float:left;width:505px;padding:2px 17px 0 17px;font-size:18px;color:#e6274a;text-align:center;}
	
	#middle #content .cadre .bg_cadre h1.h1_2, #middle #content .cadre .bg_cadre h2.h2_2{color:#65bd2a;}
	#middle #content .cadre .bg_cadre h1.h1_3, #middle #content .cadre .bg_cadre h2.h2_3{color:#2376bd;}
	#middle #content .cadre .bg_cadre h1.h1_4, #middle #content .cadre .bg_cadre h2.h2_4{color:#22a8cf;}
	#middle #content .cadre .bg_cadre h1.h1_5, #middle #content .cadre .bg_cadre h2.h2_5{color:#9a47b2;}
	
	#middle #content .cadre .bg_cadre h2.h2_1, #middle #content .cadre .bg_cadre h2.h2_2, #middle #content .cadre .bg_cadre h2.h2_3, #middle #content .cadre .bg_cadre h2.h2_4, #middle #content .cadre .bg_cadre h2.h2_5{padding:6px 17px 0 17px;font-size:14px;}
	
	/* ------ */
	#middle #content .cadre .bg_cadre img.img_filet_cadre{margin-top:16px;}
	
	#middle #content .cadre .bg_cadre p.texte_cadre{float:left;width:501px;padding:16px 18px 0 20px;font-size:13px;text-align:justify;}
	
	/* ------ */
	#middle #content .cadre .bg_cadre ul.liste_1, #middle #content .cadre .bg_cadre ul.liste_2{float:left;width:503px;padding:14px 12px 0 24px;}
	#middle #content .cadre .bg_cadre ul.liste_1 li, #middle #content .cadre .bg_cadre ul.liste_2 li{font-size:13px;background:url(img/bg-puce-liste1.gif) no-repeat 0px 7px;padding:0 0 1px 16px;}
	#middle #content .cadre .bg_cadre ul.liste_2 li{background:url(img/bg-puce-liste2.gif) no-repeat 0px 7px;}
	
	#middle #content .cadre .bg_cadre ul.liste_1 li a, #middle #content .cadre .bg_cadre ul.liste_2 li a{color:#000;}
	#middle #content .cadre .bg_cadre ul.liste_1 li a:hover{color:#e6274a;text-decoration:none;}
	#middle #content .cadre .bg_cadre ul.liste_2 li a:hover{color:#65bd2a;text-decoration:none;}
	
	/* ------ */
	#middle #content .cadre .bg_cadre p.cartouche_1, #middle #content .cadre .bg_cadre p.cartouche_2, #middle #content .cadre .bg_cadre p.cartouche_3{float:left;width:469px;height:25px;padding:5px 35px 0 35px;margin-top:25px;background:url(img/bg-cartouche-1.gif) no-repeat 20px 0px;font-size:14px;color:#fff;text-align:center;}
	#middle #content .cadre .bg_cadre p.cartouche_2{background:url(img/bg-cartouche-2.gif) no-repeat 20px 0px;}
	#middle #content .cadre .bg_cadre p.cartouche_3{margin-top:50px;background:url(img/bg-cartouche-3.gif) no-repeat 20px 0px;}
	
	#middle #content .cadre .bg_cadre p.cartouche_1 a, #middle #content .cadre .bg_cadre p.cartouche_2 a, #middle #content .cadre .bg_cadre p.cartouche_3 a{color:#fff;}
	
	/* ------ */
	#middle #content .cadre .picto{position:absolute;top:3px;left:416px;width:120px;height:91px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page article-cacophonie.html */ 
/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/
	/* bandeau auteur */
	#middle #content .cadre .bg_cadre .bandeau_auteur{float:left;width:539px;height:26px;background:url(img/bg-auteur.gif) no-repeat 20px 0px;}
	
	#middle #content .cadre .bg_cadre .bandeau_auteur p.auteur_nom{float:left;width:165px;padding:2px 0 0 30px;font-family:"Times New Roman", Times, serif;font-size:18px;color:#ff8814;}
	
	#middle #content .cadre .bg_cadre .bandeau_auteur p.auteur_date{float:left;width:314px;text-align:right;padding:5px 30px 0 0;color:#9a9a9a;}
	
	/* cadre formulaire */
	#middle #content .cadre_form{float:left;width:535px;background-color:#fff;padding:1px 0 9px 4px;margin-bottom:16px;font-size:10px;}
	
	#middle #content .cadre_form label{color:#777;}
	
	#middle #content .cadre_form input{vertical-align:middle;}
	
	#middle #content .cadre_form .input_1, #middle #content .cadre_form .textarea_1{width:245px;height:20px;border:1px solid #7f9db9;margin:3px 0;}
	#middle #content .cadre_form .textarea_1{width:529px;height:228px;}
	
	#middle #content .cadre_form input.input_submit{float:right;margin:2px 10px 0 0;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page reflexion.html */ 
/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/
	/* fil d'ariane */
	#middle #content p.fil_ariane{float:left;width:524px;height:22px;background:url(img/bg-ariane.gif) no-repeat 2px 0px;margin-bottom:16px;padding:8px 0 0 13px;font-size:9px;color:#fff;}
	#middle #content p.fil_ariane a{color:#fff;}
	
	/* ------ */
	#middle #content .cadre .bg_cadre p.signature{float:left;width:501px;padding:8px 18px 8px 20px;font-size:9px;color:#727272;text-align:right;}
	
	/* ------ */
	#middle #content .cadre .bg_cadre .tab_documents{float:left;width:526px;font-size:9px;border-collapse:collapse;margin:12px 0 25px 7px;}
	* html #middle #content .cadre .bg_cadre .tab_documents{margin-left:3px;}
	
	#middle #content .cadre .bg_cadre .tab_documents tr.tr_couleur{background-color:#f2dddc;}
	
	#middle #content .cadre .bg_cadre .tab_documents th{height:19px;font-size:10px;color:#fff;text-align:center;background-color:#e6274a;border-top:1px solid #d99795;border-bottom:1px solid #d99795;}
	#middle #content .cadre .bg_cadre .tab_documents th.td_1{border-left:1px solid #d99795;}
	#middle #content .cadre .bg_cadre .tab_documents th.td_4{border-right:1px solid #d99795;}
	
	#middle #content .cadre .bg_cadre .tab_documents td{border-bottom:1px solid #d99795;border-right:1px solid #d0d7e5;padding:2px;}
	
	#middle #content .cadre .bg_cadre .tab_documents td a{color:#000;}
	
	#middle #content .cadre .bg_cadre .tab_documents .td_1{width:133px;border-left:1px solid #d99795;}
	#middle #content .cadre .bg_cadre .tab_documents .td_2{width:202px;}
	#middle #content .cadre .bg_cadre .tab_documents .td_3{width:65px;text-align:center;}
	#middle #content .cadre .bg_cadre .tab_documents .td_4{width:110px;border-right:1px solid #d99795;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page agenda.html */ 
/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/
	#middle #content .cadre .bg_cadre p.rub_agenda{float:left;width:73px;padding:0 0 0 20px;font-size:13px;color:#2376bd;font-weight:bold;}
	
	#middle #content .cadre .bg_cadre p.txt_agenda{float:left;width:385px;padding:0 0 0 0;font-size:13px;}
	
-->