/* Redénition des balises HTML */
*{margin:0;padding:0;}
body{font: normal 62.5%/1.5em "Trebuchet MS", Verdana, sans-serif;background:#e0efec;text-align:center}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.liens{text-decoration:underline; color:#007861}
.error{color:#FC6623}
#droite select, #droite input, #droite textarea{color:#007861; font-size:11px}
.textes{color:#007861}
ul, li{list-style:none;}
input, textarea{font-family:Arial, "Trebuchet MS", Verdana, sans-serif;font-size:1.1em;color:#fff}
fieldset legend{display:none;}
br.cleaner {margin:0;padding:0;clear:both}
#droite .puce{margin-right:10px}
.lien_picto1{background:url(/img/puces/site.gif) 0 0 no-repeat; display:block; height:20px; padding:10px 0 0 40px; color:#007861}
.lien_picto2{background:url(/img/puces/site.gif) 0 0 no-repeat; display:block; height:20px; padding:10px 0 0 40px}

.liste02 li, .liste02 li.intit{list-style-type:none; color:#007861; font-size:11px; margin:5px 0 5px 30px}
.liste02 li.intit{margin-left:0; font-weight:bold}

#header_nav ul{position:relative;width:100%;z-index:4;}
	/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
	#header_nav ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	* html #header_nav ul{height: 1%;}
	/* --------------------------------------------------------- */		

/* STRUCTURE */
#global{position:relative;width:955px;margin:0 auto;text-align:left;background:#fff;border-top:1px solid #fff}
	/* TOP */
	#top{position:relative;width:955px;padding:0 0 6px 0;}
		#header{position:relative;width:955px;height:61px;margin:9px 0 0 0px;background:url(../img/fonds/bg-header.jpg) no-repeat 7px 0;}
		
		#header #logos {float:left;display:inline;width:500px;}
		#header #logos img {margin:0 15px;vertical-align:top}
		#header #recherche {float:left;display:inline;margin:0 0 0 130px;}
		#header #recherche.intpro {float:left;display:inline;margin:0 0 0 250px}
		#header #recherche fieldset {border:0;border:none;margin:6px 0 0 0}
		#header #recherche label {display:block;font-size:1.2em;color:#fff;background:url(../img/puces/carre-orange.gif) no-repeat 0 5px;margin:0;padding-left:10px;font-weight:bold}
		#header #recherche input {background:#007861;border:1px solid #fff;width:194px;height:20px;color:#fff;line-height:1.8em}
		#header #recherche #ok {position:absolute;top:22px;left:910px}
		
		
	/* MIDDLE */
		#middle {width:955px;}
		
		#main-top {width:955px;height:28px;background:url(../img/fonds/bg-main-top.jpg) no-repeat 0 3px;text-align:center;}
		#main-top.public {width:955px;height:1px; border-bottom:1px solid #007861;background:none;}
		
		#main-top h1 {font-size:1.2em;line-height:2.3em;margin-top:2px;color:#fff}
		html>body #main-top h1 {line-height:2.5em}
		#main {width:953px;}
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		#main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		* html #main{height: 1%;}
		/* --------------------------------------------------------- */		
		.contour_bleu{border: 1px solid #B1E4D9}
		.fond_motif_bleu{background-image: url(../images/commun/diago_bleu1.gif)}
		
	input{padding-left:3px;color:#000;}
	#formulaire{margin-top:15px; margin-bottom:15px;margin-left:15px;}
	#formulaire span{margin-left:130px;}
	#formulaire input{width:150px; color:#000000;background-color:#f6fbfa; border:1px solid #d2f0ea;}
	.typo_oran12{font-size:12px;color:#fc6623; text-decoration:none;}
	.typo_oran12 a{font-size:12px;color:#fc6623; text-decoration:none;}

/*Début portail*/

	
	#portail {margin:0 auto; width:937px}
	#portail .haut{background:url(/img/fonds/portail/col01.jpg) no-repeat; width:177px; height:428px; float:left}
	#portail .bienvenue{background:url(/img/fonds/portail/bienvenue.jpg) no-repeat;  height:113px; width:598px}
	#portail .lienpublic{background:url(/img/fonds/portail/grand_public.gif) no-repeat; width:302px; height:204px; float:left}
	#portail .lienpro{background:url(/img/fonds/portail/professionnel.gif) no-repeat; width:296px; height:204px; float:left}
	#portail .marchespublics{background:url(/img/fonds/portail/marche_public.gif) no-repeat;  height:111px; width:598px; float:left}
	#portail .bas{background:url(/img/fonds/portail/col02.jpg) no-repeat; width:162px; height:428px; float:left}
	#portail h1, #portail span{display:none}
	#titreprehome{font-size:11px; color:#fff; float:right; margin:10px 20px 0 0}

	#portail_poles_haut{width:956px; height:26px; background:url(/img/fonds/portail/arrond_ht.gif); margin:0; padding:0}
	#portail_poles_haut ul{margin:0 auto; width:600px; text-align:center; padding-top:4px}
	#portail_poles_haut ul li{display:inline; font-weight:bold; color:#fff; font-size:12px; padding-right:5px}
	#portail_poles_haut li a{font-weight:bold; color:#fff; font-size:14px; vertical-align:middle; padding:0 10px 0 0; margin-bottom:2px}
	#portail_poles_haut li a:hover{text-decoration:underline}
	
	
	/* fin portail*/

/* debut public */
		
		.public-filet{background:url(../img/fonds/bg-main-pro.gif) repeat-y 200px 0px;}
		.public-filet2{}
		
		#header h2 {float:left;display:inline;font-size:1.2em;width:290px;margin:47px 0 0 -170px;color:#fff}
		
		#main.public {background:url(../img/fonds/bg-main-public.gif) repeat-y 0 0}
		#main #droite h3.public {font-size:1.4em;color:#007861;margin:4px 0 0 0;padding:0 0 0 10px;background:url(../img/puces/triangle-vert.gif) no-repeat 0 4px;}
		#main #droite div.hr {background:transparent url(../img/fonds/bg-pointille-vert-2.gif) repeat-x 0 100%;}	
		#main #nav_page {float:left;font-weight:normal;color:#007861;margin:0 0 0 100px;width:750px;text-align:center;}
		#main #nav_page a{font-size:1.2em;font-weight:normal;color:#007861;text-decoration:none;}
		
		
		/* debut menu liste 1*/
		#main #droite dl#menu-liste-1 {float:left;display:inline;position:relative;width:200px;margin:0 0 0 500px}
		#main #droite dl#menu-liste-1 dt {float:left;display:inline;width:199px;height:21px;margin:5px 0 0 24px;background:url(../img/fonds/bg-select-1.gif) no-repeat 100% 0;text-align:center}
		#main #droite dl#menu-liste-1 dt a {display:block;width:199px;height:21px;font-size:1.1em;line-height:1.9em;color:#505050}
		#main #droite dl#menu-liste-1 dd {}
		#main #droite dl#menu-liste-1 dd ul#liste1 {position:absolute;display:none;width:197px;left:0;top:0;margin:26px 0 0 24px;padding:0;background:#fffbf7;border:1px solid #fff;z-index:1000}
		#main #droite dl#menu-liste-1 dd ul#liste1 li {background:url(../img/fonds/bg-fleche-orange.gif) no-repeat 6px 3px;padding-bottom:1px}
		#main #droite dl#menu-liste-1 dd ul#liste1 li a {display:block;width:100%;height:100%}
		#main #droite dl#menu-liste-1 dd ul#liste1 li a span {display:block;font-size:1.1em;font-weight:bold;color:#505050;margin:0 0 0 20px}
		
		#main #droite dl#menu-liste-1 dd ul#liste1 li.l1 {background:#ffeddb url(../img/fonds/bg-fleche-orange.gif) no-repeat 6px 3px;}
		#main #droite dl#menu-liste-1 dd ul#liste1 li.l2 {background:#fffbf7 url(../img/fonds/bg-fleche-orange.gif) no-repeat 6px 3px;}
		/* fin menu liste 1*/

		#main-bottom {width:955px;height:25px;background:url(../img/fonds/bg-main-bottom.jpg) no-repeat 0 0;}
		
		#public {float:left;display:inline;width:937px;background:url(../img/fonds/bg-public-2.jpg) no-repeat 0 0;margin:5px 0 5px 7px;}
		#public h2 {font-size:1.4em;text-align:center;margin:18px 0 0 0;color:#007861}
		#public #actions {position:relative; width:908px;height:402px;top:30px;left:20px}
		#public #actions ul{width:280px; float:left; height:280px}
		#public #actions ul.bordure{width:340px; float:left; border-left:1px solid #97CCC1; border-right:1px solid #97CCC1; height:280px}
		#public #actions li { width:260px; margin:0; padding:0}
		#public #actions li a {background:url(../img/puces/triangle-orange.gif) no-repeat 0 4px; font-size:1.5em; color:#017862;font-weight:bold;margin:0 0 10px 20px; display:block; padding-left:15px}
		#public #actions .texte {font-size:1.5em; color:#017862;font-weight:bold}
		#public #actions li a:hover {text-decoration:underline}


		#pro {float:left;display:inline;width:219px;height:420px;margin:5px 0 0 14px;background:url(../img/fonds/bg-pro.gif) no-repeat 0 0}
		#pro h2 {font-size:1.4em;text-align:center;margin:18px 0 0 0;color:#007861}
		#pro p {font-size:1.1em;color:#505050;margin:30px 24px 0 24px}
		#pro a {display:block;width:125px;height:29px;margin:60px 0 0 46px;line-height:2.4em;font-size:1.2em;color:#fff;background:url(../img/fonds/bg-bouton.gif) no-repeat 0 0;text-align:center}
		
		#main-bottom ul {float:left;display:inline;margin:0 0 0 340px;width:280px;}
		#main-bottom ul li {float:left;display:inline;line-height:2.6em}
		#main-bottom ul li a {font-size:1.1em;color:#007861;margin:0 14px 0 16px}
		#main-bottom ul li.tiret {background:url(../img/puces/rectangle-vert.gif) no-repeat 0 13px}
		
		#main-bottom span.marches {float:left;display:inline;background:url(../img/puces/triangle-blanc-2.gif) no-repeat 0 4px;margin:5px 0 0 254px}
		#main-bottom span.marches a {font-size:1.2em;color:#fff;margin:0 0 0 16px}
		
		#main #droite .etude {font-size:1.1em;color:#505050;padding:6px 0 10px 0;}
		#main #droite .etude dt {font-weight:bold}
		#main #droite .etude dd.auteur {text-align:right}
		#main #droite .etude dd.auteur a {color:#505050;text-decoration:underline}
		#main #droite .etude dd.auteur a:hover {color:#007861;}
		#main #droite .etude dd.fichier {margin:2px 0 0 0}
		#main #droite .etude dd.fichier a {color:#007861;padding:0 0 0 12px;background:url(../img/puces/triangle-vert.gif) no-repeat 0 5px;}
		#main #droite .etude dd.fichier a:hover {text-decoration:underline}
		
		/*page FORMATIONS*/
		#colG{width:700px; float:left; display:inline}
		.formation {margin:0; padding:0; clear:both; background:url(/img/fonds/repeat1.gif) left bottom repeat-x; margin:5px 0; padding:3px 0}
		.formation dd{float:left; margin:0; padding:0; display:block; width:150px; margin-top:15px}
		.formation dt{width:350px; float:left}
		.formation dt a{ margin:0; padding:0; background:url(/img/puces/telecharg.gif) 0 0  no-repeat;  margin:15px 0 0 0; display:block;  text-decoration:underline; color:#007861; font-size:12px; height:50px; padding:0 0 0 45px}
		.sstitre{display:block; margin:0; padding:0; font-size:12px; font-weight:bold; color:#4A9F8F; text-decoration:underline;  text-align:left; clear:both}
		

/* fin public */
		
/* debut professionnels*/
		.profilet {background:url(../img/fonds/bg-main-pro.gif) repeat-y 210px 0px;}
		.int-pro {background:url(../img/fonds/bg-main-pro.gif) repeat-y 200px 0px}
		
		#main #infos {float:left;display:inline;width:179px;margin:15px 0 0 15px;}
		#main #infos h2 {font-size:1em;width:179px;height:37px;text-align:center;background:url(../img/fonds/bg-dia-gris-1.gif) repeat-x 0 0}
		#main #infos h2 a {display:block;font-size:1.3em;line-height:3em;color:#007861;width:179px;height:37px}
		
		/*actualites*/
		#main #infos dl.actus {margin:0 0 16px 0;font-size:1.1em;color:#505050;}
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		#main #infos dl.actus:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		* html #main #infos dl.actus  {height: 1%;}
		/* --------------------------------------------------------- */		
		#main #infos dl.actus  dt {float:left;display:inline;margin:15px 0 0 0;font-weight:bold}
		#main #infos dl.actus  dd.txt {float:left;display:inline;width:160px}
		#main #infos dl.actus  dd.plus {float:left;display:inline;width:9px}
		
		/*revue de presse*/
		#main #infos dl.press{margin:0 0 8px 0;font-size:1.1em;color:#505050;}
		/* Donne une hauteur au bloc en float sous Firefox et IE/Mac */				
		#main #infos dl.press:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		* html #main #infos dl.press{height: 1%;}
		/* --------------------------------------------------------- */		
		#main #infos dl.press dt {float:left;display:inline;margin:15px 0 0 0;font-weight:bold}
		#main #infos dl.press dd.txt {float:left;display:inline;width:160px}
		#main #infos dl.press dd.plus {float:left;display:inline;width:9px;margin-top:48px;}
		#main #infos dl.press dd.plus img {bottom:0}
		
		#main #infos .rech-doc {display:block;width:179px;height:45px;margin:10px 0 20px 0;font-size:1.2em;color:#ff6600;font-weight:bold;background:url(../img/fonds/bg-recherche-documentaire.gif) repeat 0 0;text-align:center;line-height:3.8em}
			
		#main #infos .sites-internet {display:block;width:179px;height:45px;margin:-10px 0 10px 0;font-size:1.2em;color:#ff6600;font-weight:bold;background:url(../img/fonds/bg-recherche-documentaire.gif) repeat 0 0;text-align:center;line-height:3.8em}
					
		/* acces*/
		#main #acces {float:left;display:inline;width:729px;margin:15px 0 0 20px;background:url(../img/fonds/bg-acces-new2.gif) no-repeat 0 -12px}
		#main #acces h2 {font-size:1.4em;color:#007861;}
		#main #acces h2.theme {float:left;display:inline;margin:20px 0 0 114px}
		#main #acces h2.territoire {float:left;display:inline;margin:20px 0 0 230px}
	
		#main #acces p.intro {font-size:1.1em;color:#007861;font-weight:bold;margin:60px 100px 0 100px}
		
		#main #acces ul.themes {float:left;display:inline;width:370px;margin:18px 0 0 16px;}
		#main #acces ul.themes li {float:left;display:inline;width:180px;font-weight:bold;background:url(../img/puces/carre-orange.gif) no-repeat 0 7px;padding-bottom:1px}
		#main #acces ul.themes li a {font-size:1.2em;line-height:1.6em;color:#007861;margin:0 0 0 10px}
		
		#main #carte {float:left;display:inline;width:260px;height:180px}
		
		#main #acces ul.ressources {float:left;display:inline;margin:0 0 0 0;}
		html>body #main #acces ul.ressources {float:left;display:inline;margin:14px 0 0 0;}
		
		#main #acces ul.ressources li {float:left;display:inline;height:23px;padding-bottom:1px}
		#main #acces ul.ressources li a {display:block;height:23px;font-weight:bold;color:#ff6600;font-size:1.1em;text-align:center;line-height:2em}
		#main #acces ul.ressources li.bt1 a {width:106px;margin:0 10px 0 22px;background:url(../img/fonds/bg-bouton-1.gif) no-repeat 0 0}
		#main #acces ul.ressources li.bt2 a {width:113px;margin:0 10px 0 0;background:url(../img/fonds/bg-bouton-2.gif) no-repeat 0 0}
		#main #acces ul.ressources li.bt3 a {width:61px;margin:0 10px 0 0;background:url(../img/fonds/bg-bouton-3.gif) no-repeat 0 0}
		#main #acces ul.ressources li.bt4 div {float:left;display:inline;width:339px;margin:0 0 0 190px;background:url(../img/fonds/bg-bouton-4.gif) no-repeat 0 0;}
		#main #acces ul.ressources li.bt4 div a.planning {float:left;display:inline;width:289px;margin:0;}
		#main #acces ul.ressources li.bt4 div a.rss {float:left;display:inline;width:50px;margin:0;}
		
		#main #acces ul.ressources li.bt5 a {float:left;display:inline;width:224px;margin:0 0 0 15px;background:url(../img/fonds/bg-bouton-5.gif) no-repeat 0 0;}
		
		#main #acces ul.ressources li.bt6 div {float:left;display:inline;width:222px;margin:0 0 0 15px;background:url(../img/fonds/bg-bouton-6.gif) no-repeat 0 0;}
		#main #acces ul.ressources li.bt6 div a.planning {float:left;display:inline;width:172px;margin:0;}
		#main #acces ul.ressources li.bt6 div a.rss {float:left;display:inline;width:50px;margin:0;}		
		
		
		
		#main #reseaux {float:left;display:inline;width:721px;margin:6px 0 0 7px;}
		
		#main #reseaux #ct-reseaux-top {width:721px;height:22px;margin:9px 0 0 0;background:url(../img/fonds/bg-reseaux-top-new.gif) no-repeat 0 0}
		#main #reseaux #ct-reseaux-top h2 {color:#007861;font-size:1.4em;line-height:1.6em;width:667px;margin:0 0 0 24px}
		
		#main #reseaux #ct-reseaux-middle {width:719px;margin:0 2px 0 0;border-left:1px solid #1e8874;border-right:1px solid #1e8874;padding-top:6px}
	
		#main #reseaux #ct-reseaux-bottom {width:721px;height:22px;background:url(../img/fonds/bg-reseaux-bottom-new.gif) no-repeat 0 0}
		
		#main #reseaux #ct-liste-reseaux {width:710px;height:100px;margin:0 5px 0 4px;background:url(../img/fonds/bg-liste-reseaux-new.gif) repeat-y 0 0;}
		
		#main #reseaux #ct-reseaux-middle #ct-liste-reseaux ul {float:left;display:inline;width:709px;margin:4px 0 0 0;}
		#main #reseaux #ct-reseaux-middle #ct-liste-reseaux ul li {float:left;display:inline;width:177px;font-weight:bold;background:url(../img/puces/carre-orange.gif) no-repeat 5px 6px;margin:0;padding:0;}
		#main #reseaux #ct-reseaux-middle #ct-liste-reseaux ul li a {display:block;font-size:1.2em;line-height:1.6em;color:#007861;margin:0 0 0 15px}
/* fin professionnels*/
		
/* debut particuliers interieur */
		/* debut gauche*/
		#main #gauche {float:left;display:inline;width:179px;margin:0 0 0 12px;padding:0 0 10px 0;}
		
		
		#main #gauche h2 {font-size:1em;width:179px;height:25px;margin:0;text-align:center;}
		#main #gauche h2 a {display:block;font-size:1.3em;line-height:3em;color:#007861;width:179px;height:25px}
		#main #gauche h2 img {margin-right:5px}
		
		#main #gauche ul.actus {border:1px solid #b6d9d3;background:#e6f2ef;margin:0 0 4px 0;padding:3px 0;background:url(../img/fonds/bg-dia-vert-1.gif) repeat 0 0;}
		#main #gauche ul.actus li {padding:4px 0 4px 0;background:url(../img/puces/carre-orange.gif) no-repeat 0 9px;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_public {border-bottom:1px solid #b6d9d3;padding:4px 0 4px 0;background:url(../img/puces/carre-orange.gif) no-repeat 0 9px;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_sites {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/puces/site.gif) no-repeat 0 0;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_presse {padding:8px 0 8px 25px;background:url(../img/puces/presse.gif) no-repeat 0 0;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_actus {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/puces/actu.gif) no-repeat 0 0;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_agenda {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/puces/agenda.gif) no-repeat 0 0;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_ressources {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/puces/ressources.gif) no-repeat 0 0;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_publications {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/puces/publications.gif) no-repeat 0 0;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_outils {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/puces/outils.gif) no-repeat 0 0;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_retour {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/pictos/fleche-retour.gif) no-repeat 12px 12px;margin:0 6px 0 6px}
		#main #gauche ul.actus li.menu_video {border-bottom:1px solid #b6d9d3;padding:8px 0 8px 25px;background:url(../img/puces/video2.gif) no-repeat 0 0;margin:0 6px 0 6px}
		
		
		#main #gauche ul.actus li.titre {background:url(../img/fonds/bg-menu-gauche.jpg) no-repeat 0 0;margin:-3px -3px 0 0;padding:3px 20px;font-size:1.2em;font-weight:bold;color:#ffffff}
		#main #gauche ul.actus li a {color:#007861;font-weight:bold}
		#main #gauche ul.actus li a:hover span {color:#007861}
		#main #gauche ul.actus li a span {margin:0 0 0 12px;display:block;font-size:1.3em;color:#007861;line-height:1.3em}
		#main #gauche ul.actus li a span.retour {margin:0 0 0 12px;display:block;font-size:1.3em;color:#ff6600;line-height:1.3em}
		#main #gauche ul.actus li a.active span {font-weight:bold;color:#007861}
		
		/* debut gauche*/
		#main #gauche {float:left;display:inline;width:179px;margin:15px 0 0 12px;}
		
		/* fin droite*/
		#main #droite {float:left;display:inline;width:725px;margin:15px 0 0 24px; font-size:11px; color:#505050; line-height:1.4em}
		#main #droite h2 {margin:0 0 10px 0;height:34px;color:#007861;font-size:1em;background:url(../img/fonds/bg-h2-new.jpg) repeat-x 0 0;}
		#main #droite h2 span {height:32px;font-size:1.3em;line-height:1.7em;background:#fff url(../img/puces/rond-vert-triangle-new.gif) no-repeat 0 2px;padding:1px 5px 0 20px}
		#main #droite p {color:#505050 ;margin:0 0 28px 0}
		
		#main #droite p span {font-weight:bold}
		
		#main-bottom ul.inter {margin-left:340px}
		
		#main-bottom ul.adresse {margin-left:0px;font-size:11px;width:960px;background:#E0EFEC;}
		#main-bottom ul.adresse li {text-align:center;width:960px}
		
		
/* fin particuliers interieur */

/* debut pro interieur */
#main-top.pro {text-align:left;}
.intro_fleche {float:left;display:inline;font-size:1.2em;line-height:2.3em;font-weight:bold;margin:0 0 0 90px;padding:0 20px 0 0;color:#fff;background:url(../img/fonds/bg-grande-fleche.gif) no-repeat 100% 7px}

/* debut menu liste 1*/
#main-top.pro dl#menu-liste-1 {float:left;display:inline;position:relative; z-index:100}
#main-top.pro dl#menu-liste-1 dt {float:left;display:inline;height:21px;width:320px;margin:5px 0 0 24px;background:url(../img/fonds/bg-select-1.gif) no-repeat 100% 0;text-align:center}
#main-top.pro dl#menu-liste-1 dt a {float:left;display:inline;height:21px;padding:0 5px 0 5px;font-size:1.1em;line-height:1.9em;color:#505050;margin:0 0 0 0px;}

#main-top.pro dl#menu-liste-1 dd ul#liste1 {position:absolute;display:none;width:320px;left:0;top:0;margin:26px 0 0 24px;padding:0;background:#fffbf7;border-right:1px solid #CFE6E1;border-bottom:1px solid #CFE6E1; border-left:1px solid #CFE6E1;z-index:100}
#main-top.pro dl#menu-liste-1 dd ul#liste1 li {background:url(../img/fonds/bg-fleche-orange.gif) no-repeat 6px 3px;padding-bottom:1px;text-align:left}
#main-top.pro dl#menu-liste-1 dd ul#liste1 li a {display:block;width:100%;height:100%;}
#main-top.pro dl#menu-liste-1 dd ul#liste1 li a:hover {text-decoration:underline;color:#007861}
#main-top.pro dl#menu-liste-1 dd ul#liste1 li a span {display:block;font-size:1.1em;font-weight:bold;color:#007861;margin:0 0 0 20px}

#main-top.pro dl#menu-liste-1 dd ul#liste1 li.l1 {background:#ffffff url(../img/puces/carre-orange.gif) no-repeat 8px 5px;line-height:1.6em}
/* fin menu liste 1*/

/* debut menu liste 2*/
#main-top.pro dl#menu-liste-2 {float:left;display:inline;position:relative;z-index:100}
#main-top.pro dl#menu-liste-2 dt {float:left;display:inline;width:197px;height:21px;margin:5px 0 0 5px;background:url(../img/fonds/bg-select-1.gif) no-repeat 100% 0;text-align:center}
#main-top.pro dl#menu-liste-2 dt a {float:left;display:inline;height:21px;font-size:1.1em;line-height:1.9em;color:#505050;margin:0 0 0 6px}
#main-top.pro dl#menu-liste-2 dd {}

#main-top.pro dl#menu-liste-2 dd ul#liste2 {position:absolute;display:none;width:197px;left:0;top:0;margin:26px 0 0 24px;padding:0;background:#fffbf7;border-right:1px solid #CFE6E1;border-bottom:1px solid #CFE6E1;border-left:1px solid #CFE6E1;}
#main-top.pro dl#menu-liste-2 dd ul#liste2 li {background:url(../img/fonds/bg-fleche-orange.gif) no-repeat 6px 3px;padding-bottom:1px;text-align:left}
#main-top.pro dl#menu-liste-2 dd ul#liste2 li a {display:block;width:100%;height:100%}
#main-top.pro dl#menu-liste-2 dd ul#liste2 li a:hover {text-decoration:underline;color:#007861}
#main-top.pro dl#menu-liste-2 dd ul#liste2 li a span {display:block;font-size:1.1em;font-weight:bold;color:#007861;margin:0 0 0 20px}

#main-top.pro dl#menu-liste-2 dd ul#liste2 li.l1 {background:#ffffff url(../img/puces/carre-orange.gif) no-repeat 8px 5px;line-height:1.6em}

/* fin menu liste 2*/

/* debut menu liste 4*/
#main-top.pro dl#menu-liste-4 {float:left;display:inline;position:relative;z-index:100}
#main-top.pro dl#menu-liste-4 dt {float:left;display:inline;width:197px;height:21px;margin:5px 0 0 5px;background:url(../img/fonds/bg-select-1.gif) no-repeat 100% 0;text-align:center}
#main-top.pro dl#menu-liste-4 dt a {float:left;display:inline;height:21px;font-size:1.1em;line-height:1.9em;color:#505050;margin:0 0 0 6px}
#main-top.pro dl#menu-liste-4 dd {}

#main-top.pro dl#menu-liste-4 dd ul#liste4 {position:absolute;display:none;width:197px;left:0;top:0;margin:26px 0 0 24px;padding:0;background:#fffbf7;border-right:1px solid #CFE6E1;border-bottom:1px solid #CFE6E1;border-left:1px solid #CFE6E1;}
#main-top.pro dl#menu-liste-4 dd ul#liste4 li {background:url(../img/fonds/bg-fleche-orange.gif) no-repeat 6px 3px;padding-bottom:1px;text-align:left}
#main-top.pro dl#menu-liste-4 dd ul#liste4 li a {display:block;width:100%;height:100%}
#main-top.pro dl#menu-liste-4 dd ul#liste4 li a:hover {text-decoration:underline;color:#007861}
#main-top.pro dl#menu-liste-4 dd ul#liste4 li a span {display:block;font-size:1.1em;font-weight:bold;color:#007861;margin:0 0 0 20px}

#main-top.pro dl#menu-liste-4 dd ul#liste4 li.l1 {background:#ffffff url(../img/puces/carre-orange.gif) no-repeat 8px 5px;line-height:1.6em}

/* fin menu liste 4*/

#main #gauche h2.segond {margin:7px 0 0 0}
#main #gauche a.bouton {display:block;width:179px;height:45px;margin:9px 0 0 0;font-size:1.2em;color:#ff6600;font-weight:bold;background:url(../img/fonds/bg-recherche-documentaire.gif) repeat 0 0;text-align:center;line-height:3.8em}


/* debut menu liste 3*/
#main #gauche dl#menu-liste-3 {z-index:100;position:relative;width:172px;margin:0}
#main #gauche dl#menu-liste-3 dt {}
#main #gauche dl#menu-liste-3 dt a {display:block;width:179px;height:45px;margin:9px 0 0 0;font-size:1.2em;color:#ff6600;font-weight:bold;background:url(../img/fonds/bg-recherche-documentaire.gif) repeat 0 0;text-align:center;line-height:3.8em}
#main #gauche dl#menu-liste-3 dd {}

#main #gauche dl#menu-liste-3 dd ul#liste3 {position:absolute;display:none;width:169px;left:0;top:-80px;margin:0 0 0 180px;padding:0;background:#fffbf7;border:1px solid #CFE6E1;}
#main #gauche dl#menu-liste-3 dd ul#liste3 li {background:url(../img/fonds/bg-fleche-orange.gif) no-repeat 6px 3px;padding-bottom:1px}
#main #gauche dl#menu-liste-3 dd ul#liste3 li a {display:block;width:100%;height:100%}
#main #gauche dl#menu-liste-3 dd ul#liste3 li a:hover {text-decoration:underline;color:#007861}
#main #gauche dl#menu-liste-3 dd ul#liste3 li a span {display:block;font-size:1.1em;font-weight:bold;color:#007861;margin:0 3px 0 20px}

#main #gauche dl#menu-liste-3 dd ul#liste3 li.l1 {background:#ffffff url(../img/puces/carre-orange.gif) no-repeat 8px 5px;line-height:1.6em}
/* fin menu liste 3*/


#main #droite .astuce {display:block;height:19px;margin:0 0 8px 0;background:#cfe6e1 url(../img/fonds/bg-ampoule.gif) no-repeat 0 -1px;}
#main #droite .astuce span {margin:0 0 0 28px;font-size:1.1em;line-height:1.7em;color:#007861}

#main #droite h2.pro {margin:0}

#main #droite h3.pro {font-size:14px;color:#007861;margin:4px 0 0 0;padding:0 0 0 10px;background:url(../img/puces/triangle-vert.gif) no-repeat 0 4px;}
#main #droite h3.pro span{font-size:12px}

.elem_fond{background:#F0FCFC}

#revue_presse{float:left;display:inline;margin:10px 0;width:100%;}
#main #droite .actualite {position:relative; float:left;margin-bottom:10px; width:720px;border-left:1px solid #B6D9D3;border-right:1px solid #B6D9D3;border-bottom:1px solid #B6D9D3;font-size:1.1em;color:#505050;padding:0 5px 0px 5px;/*background:url(../img/fonds/bg-pointille-vert-2.gif) repeat-x 0 100%*/}
#main #droite .actualite dt {font-weight:bold;color:#007861;background:#CFE6E1 url(../img/puces/carre-orange.gif) no-repeat 5px 9px;padding:5px 0 5px 15px;margin-bottom:5px}
#main #droite .actualite dd.titre {color:#007861}
#main #droite .actualite dd.auteur {text-align:right;color:#FF6600;}
#main #droite .actualite dd.auteur a {color:#FF6600;text-decoration:underline;font-weight:bold}
#main #droite .actualite dd.auteur a:hover {color:#007861;}
#main #droite .actualite dd.fichier {margin:2px 0 0 0}
#main #droite .actualite dd.fichier .consult {color:#007861;padding:0 0 0 12px;background:url(../img/puces/triangle-vert.gif) no-repeat 0 5px;}
#main #droite .actualite dd.fichier a {color:#007861;padding:0 0 0 3px;text-decoration:underline;margin:2px 20px 0 0;}
#main #droite .actualite dd.fichier a:hover {text-decoration:underline}
#main #droite .actualite dt.revue_presse_semaine_dt{margin:0 0 0 0px;}
#main #droite .actualite dd.revue_presse_semaine_dd{margin:0 0 0 15px;}
#main #droite .actualite dd.revue_presse_semaine_dd a{font-size:11px;line-height:1.2em;color:#007861;text-decoration:underline;}
#main #droite .actualite dd.revue_presse_semaine_dd a:hover{text-decoration:underline;color:#FF6600}
#main #droite .actualite dd.titre_publication{text-decoration:underline;}
#main #droite .actualite dd.text_publication{margin:0 0 0 15px;}
#main #droite .actualite dd.fichier .consult2 {margin:0 0 0 15px;color:#007861;padding:0 0 0 12px;background:url(../img/puces/triangle-vert.gif) no-repeat 0 5px;}


/* fin pro interieur */


/* debut pro sites internet */
#main #droite .actualite2 {font-size:1.1em;color:#505050;margin:0 0 0 25px;padding:6px 0 10px 0;/*background:url(../img/fonds/bg-pointille-vert-2.gif) repeat-x 0 100%;*/}
#main #droite .actualite2 dt {font-weight:bold;}
#main #droite .actualite2 dd.auteur {text-align:right}
#main #droite .actualite2 dd.auteur a {color:#505050;text-decoration:underline}
#main #droite .actualite2 dd.auteur a:hover {color:#007861;}
#main #droite .actualite2 dd.fichier {margin:2px 0 0 0}
#main #droite .actualite2 dd.fichier .consult {color:#007861;padding:0 0 0 12px;background:url(../img/puces/triangle-vert.gif) no-repeat 0 5px;}
#main #droite .actualite2 dd.fichier a {color:#007861;padding:0 0 0 3px;text-decoration:underline}
#main #droite .actualite2 dd.fichier a:hover {text-decoration:underline}
#main #droite .actualite2 dt.revue_presse_semaine_dt{margin:0 0 0 20px;}
#main #droite .actualite2 dd.revue_presse_semaine_dd{margin:0 0 0 30px;}
#main #droite .actualite2 dd.revue_presse_semaine_dd a{font-size:11px;line-height:1.2em;color:#505050;font-weight:bold;text-decoration:underline;}
#main #droite .actualite2 dd.revue_presse_semaine_dd a:hover{text-decoration:none;}

#main #droite h3.pro2 {font-size:14px;color:#007861;margin:0 0 10px 0;padding:0 0 0 10px;background:url(../img/puces/carre-orange.gif) no-repeat 0 4px;}
#main #droite h3.pro2 span{font-size:12px}

#main #droite h4.pro {margin:0 0 0 10px;font-size:12px;color:#ff8b21;}
#main #droite h4.pro2 {margin:0 0 0 10px;font-size:12px;color:#ff8b21;}

/* fin pro sites internet */

/*debut intro theme */
#main #droite.introtheme {margin:14px 0 0 22px;padding-bottom:20px}

/*theme*/
#main #theme {float:left;display:inline;width:500px;}
#main #theme #ct-theme-top {width:500px;/*background:#B6D9D3 url(../img/fonds/bg-menu-gauche.jpg) no-repeat 321px 0;*/}
#main #theme #ct-theme-top h2 {border-top:1px solid #B6D9D3;border-bottom:1px solid #B6D9D3;background:url(../img/logos/c2rp_2.gif) no-repeat 0 2px;margin-bottom:0;padding:0 20px 0 90px;height:45px;color:#ff6600;font-size:1.3em;line-height:1.5em;text-align:center;}

#main #theme #ct-theme-middle {margin:10px 0 15px 0;width:499px;border-bottom:1px solid #B6D9D3;border-top:1px solid #B6D9D3;border-right:1px solid #B6D9D3;}
#main #theme #ct-theme-middle p {margin:0 10px;padding:5px 0}

/*coordonnees*/
#main #coordonnees {float:left;display:inline;width:200px;margin:0 0 9px 20px;}
#main #coordonnees #ct-coordonnees-top {width:200px;background:#B6D9D3 url(../img/fonds/bg-menu-gauche.jpg) no-repeat 21px 0;}
#main #coordonnees #ct-coordonnees-top h2 {margin-bottom:0;height:auto;text-align:center;color:#007861;font-size:1.3em;line-height:1.5em;background:none}

#main #coordonnees #ct-coordonnees-middle {margin:10px 0 15px 0;width:199px;border-bottom:1px solid #B6D9D3;border-right:1px solid #B6D9D3;}
#main #coordonnees #ct-coordonnees-middle p {margin:0 10px;padding:10px 0}

#main #droite #pave {float:left;display:inline;width:200px;margin:0 0 0 20px;padding:0 0 20px 0;/*background:url(../img/fonds/bg-dia-vert-1.gif) repeat 0 0;*/}
#main #droite #pave h2  {font-size:1em;height:20px;font-size:1.3em;line-height:1.5em;text-align:center;background:#B6D9D3 url(../img/fonds/bg-menu-gauche.jpg) no-repeat 22px 0;color:#007861;}
#main #droite #pave dd {font-size:1em;line-height:1.6em;color:#505050;padding:6px 8px;border-bottom:1px solid #B6D9D3;border-right:1px solid #B6D9D3;}
#main #droite #pave dd a {color:#007861;margin-left:25px;font-weight:bold;}
#main #droite #pave dd a:hover {color:#007861}

#main #droite #pave dd.actu {background:url(../img/puces/actu-petit.gif) no-repeat 5px 0px;}
#main #droite #pave dd.anim {background:url(../img/puces/agenda-petit.gif) no-repeat 5px 0px;}
#main #droite #pave dd.publi {background:url(../img/puces/publications-petit.gif) no-repeat 5px 0px;}


/*fin intro theme */

/* revue de presse */
#main #droite #recevoir-revue-presse{float:left;display:inline;width:100%;margin:10px 0 0 0;background:url(../img/fonds/bg-dia-vert-1.gif) repeat 0 0}
#main #droite #recevoir-revue-presse dt{float:left;display:inline;font-size:1.3em;color:#007861;font-weight:bold;padding:10px;}
#main #droite #recevoir-revue-presse dt span{font-style:italic;font-weight:normal;}
#main #droite #recevoir-revue-presse dd.info{float:left;display:inline;width:460px;font-size:1.1em;color:#505050;padding:10px;}
#main #droite #recevoir-revue-presse dd.saisie{float:left;display:inline;}
#main #droite #recevoir-revue-presse dd.saisie input#email{margin:8px 0 0 0;width:160px}
#main #droite #recevoir-revue-presse dd.saisie input#envoyer{background:none;border:1px solid #007861;color:#007861;font-weight:bold;cursor:pointer;}
html>body #main #droite #recevoir-revue-presse dd.saisie input#envoyer{padding:0 7px;}

#main #droite #choix-semaine {float:left;display:inline;width:700px;margin:20px 0 0 0;}
#main #droite #choix-semaine dt {float:left;display:inline;width:70px;margin-top:2px;font-size:1.3em;color:#007861;font-weight:bold}
#main #droite #choix-semaine dd {float:left;display:inline;width:300px;}
#main #droite #choix-semaine dd select {width:100px}

/* detail revue de presse */
#detail_revue_presse{float:left;display:inline;margin:10px 0 0 0;width:100%;}
#detail_revue_presse_content{padding:0 5px 0 5px;color:#505050;margin:10px 0 0 0;border-left:1px solid #B6D9D3;border-right:1px solid #B6D9D3;border-bottom:1px solid #B6D9D3}
.titre_revue_presse{font-weight:bold;color:#007861;background:#CFE6E1 url(../img/puces/carre-orange.gif) no-repeat 5px 9px;padding:5px 0 5px 15px;margin-bottom:5px}
.texte_revue_presse{margin:10px 5px 5px 5px;font-size:12px;line-height:1.2em;}
.revue_presse_info{font-size:10px;margin:0 0 5px 5px;}

#pieds_revue_presse{margin:10px 0 0 0;text-align:right;}
#pieds_revue_presse a{font-weight:bold;color:#007861;text-decoration:underline;}
#pieds_revue_presse span{font-weight:bold;color:#007861;}
#pieds_revue_presse a:hover{text-decoration:none;}

/* Resultat d'une recherche */
#resultat_recherhe{float:left;display:inline;margin:10px 0 0 0;}
#resultat_recherhe table{font-size:1.2em;line-height:1.2em;color:#505050;width:100%;}
#resultat_recherhe table td.col1{font-size:14px;line-height:1.2em;font-weight:bold;color:#007861;}
#resultat_recherhe table td.col2, #resultat_recherhe table td.col4{width:20px;}
#resultat_recherhe table td.col3{font-weight:bold;}
#resultat_recherhe table td.col5, #resultat_recherhe table td.col5 a{font-size:12px;line-height:1.2em;color:#007861;}

.liste_item{padding:4px 0 0px 10px; background:url(../img/puces/carre-orange.gif) no-repeat 0 9px; display:block; color:#007861}

.formm{color:red}

#public {float:left;display:inline;width:937px;background:url(../img/fonds/bg-public-2.jpg) no-repeat 0 0;margin:5px 0 5px 7px;}
		
/*Plan du Site*/
#public h2 {font-size:1.4em;text-align:center;margin:18px 0 0 0;color:#007861}
#public_2 #actions_2 {position:relative; width:728px;height:602px;top:0px;left:0px;}
#public_2 #actions_2 ul{width:235px; float:left; height:280px; vertical-align:top}
#public_2 #actions_2 ul.bordure{width:220px; float:left; border-left:1px solid #97CCC1; border-right:0px solid #97CCC1; height:480px}
#public_2 #actions_2 li { width:200px; margin:0; padding:0 0 0 10px}
#public_2 #actions_2 li a {background:url(../img/puces/carre-orange.gif) no-repeat 0 7px; font-size:1.4em; color:#017862;font-weight:bold;margin:0 0 10px 0px; display:block; padding-left:10px}
#public_2 #actions_2 li.liste_2 { width:200px; margin:0; padding:0 0 0 30px}
#public_2 #actions_2 li a.liste_2 {background:url(../img/puces/triangle-orange.gif) no-repeat 0 6px; font-size:1.2em; color:#017862;font-weight:bold;margin:0 0 10px 0px; display:block; padding-left:10px}
#public_2 #actions_2 .texte {font-size:1.5em; color:#017862;font-weight:bold}
#public_2 #actions_2 li a:hover {text-decoration:underline}

#public_2 #actions_2 a {font-size:1.5em; color:#017862; font-weight:bold; margin:0 0 10px 220px;}