* { margin:0; padding:0; font-size: 10px; color: #6b6a66;}

/* General Style Info */
html { height: 100%; }
body {
	background: #FFFFFF url(./image/ciel.png) repeat-x scroll left top;
	font-family: verdana,helvetica,arial,sans-serif;
	margin: 0;
	height: 100%;
}

a				{ color: #F21FCB; text-decoration: none; font-size: inherit;outline:none;}
a:visited 		{ color: #F21FCB; }
a:hover 		{ color: #F21FCB; text-decoration: underline;}
a.sdv			{ color: #63CC00;}
a.etmoi			{ color: #478AD9;}
a.reseau		{ color: #FBBD00;}
a img 			{ border:none; }
h1, h2			{ font-weight: normal; color: #F21FCB; }
h1				{ font-size: 24px;}
h2				{ font-weight: bold; font-size: 16px; padding-top: 5px; padding-bottom: 10px; }
h3, h4			{ font-weight: normal; }
h3				{ font-weight: bold; font-size: 12px; padding-top: 5px; padding-bottom: 5px; }
h4				{ }
ul				{ list-style-type: none; }
hr {height:0px;border:solid #999 0px; border-top-width:1px;margin-top:5px;margin-bottom:5px;}

.right			{ float: right; }
.rightright		{ float: right; text-align:right;}
.left			{ float: left; }
.clear			{ clear: both; }
.important		{ color: #F21FCB; }
#container .important a	{ color: #F21FCB; }
.link			{ cursor: pointer; }
.onclick		{ cursor: pointer; }
.close	{ cursor:pointer;float:right;background: url(image/close1.gif) no-repeat;width:14px;height:14px;}
.hidden {display:none;}
.img {border:1px solid #777;margin-right:3px;}
.photos {border:1px solid #777;margin:2px;padding:2px;background-color:#fff;}
a.adel	{background:url(image/del.gif) no-repeat bottom;padding-right:11px;height:11px;}
a.aadd	{background:url(image/add.gif) no-repeat bottom;padding-right:16px;height:16px;}

body.mceContentBody { background: none; background-color: #FFFFFF; width:780px;}

/* Layout */
#container				{ background: transparent url(./image/decor.jpg) repeat-x bottom; min-height: 400px; padding-left: 30px; min-width: 1055px;}
#right					{ float: right; width: 232px; padding-top: 0px;}
#container2				{ width: 1055px; }
#page-left-border		{ background: transparent url(./image/left.png) repeat-y left; width: 820px; }
#page-right-border		{ background: transparent url(./image/right.png) repeat-y right; width: 820px; float: left;}
#page					{ background-color: #FFFFFF; margin: 0px 20px 0px 19px; width: 781px;;  position: relative; }
#page-header-bg-left	{ background: transparent url(./image/left_top.png) no-repeat left; height:400px; width: 820px; position: absolute; left: 30px; }
#page-header-bg-right	{ float: right; background: transparent url(./image/right_top.png) no-repeat right; height:400px; width: 20px; }

#header					{ position: relative; z-index: 2; background: none; color: inherit; padding:0px; margin: 0px; vertical-align: inherit;}

#top					{ width: 781px;; background: #b1cdff url(./image/top.png) repeat-x top; height: 60px; }
#titre					{ width: 661px; background: transparent url(./image/titre_bg.png) repeat-x top; height: 52px; padding: 18px 60px 10px 60px; }
#bandeau				{ width: 781px;; background: #63CC00 url(./image/rappel_coul_1.png) repeat-x top; height: 31px; }
#ombre					{ width: 781px;; background: transparent url(./image/ombre.png) repeat-x top; height: 5px; }
#flash					{ width: 660px; min-height: 20px; padding: 5px 60px 5px 60px; position:relative;}

#content				{ padding: 5px 60px 30px 60px; background-color: #FFFFFF; min-height:485px; position:relative; z-index: 1;}

#footer 				{ color:#828280; clear: both; height:80px; padding-left: 20px; width:800px; background:transparent url(./image/left_foot.png) no-repeat left bottom; }
#footer-right			{ float: right; width: 20px; height: 80px; background:transparent url(./image/right_foot.png) no-repeat scroll right bottom; }
#footer-content			{ background: transparent url(./image/foot.png) repeat-x; width: 690px; padding: 10px 10px 10px 60px; height:60px;}

/* Top */

#top ul					{ color: #FFFFFF; float:right; clear:right;}
#top li					{ float: left; line-height: 12px; padding: 5px 0px 0px 5px; }
#top a					{ color: #FFFFFF; padding-right: 5px; }
#top div.right			{ width: 750px; margin-right: 10px;}
#top div div.right		{ width: 220px; margin-right: 10px;}

ul#menu-user					{  }
ul#menu-user li				{ color: #FFFFFF; }
ul#menu-help					{ padding-top: 10px;  }
ul#menu-help li				{  }
ul#menu-site					{ position: relative; left: -25px; padding-top: 0px; width:500px; float: left; clear:none; }
ul#menu-site li				{ text-transform: uppercase; height: 35px; padding-top: 18px; padding-right: 10px;}
ul#menu-site li:hover			{ background: transparent url(./image/onglet_2.png) no-repeat bottom; }
ul#menu-site li.sel					{ background: transparent url(./image/onglet_sdv3.png) no-repeat bottom; }
.etmoi ul#menu-site li.sel				{ background: transparent url(./image/onglet_etmoi3.png) no-repeat bottom; }
.reseau ul#menu-site li.sel			{ background: transparent url(./image/onglet_reseau3.png) no-repeat bottom; }
ul#menu-site a:hover					{ text-decoration: none; }
ul#menu-site li.menu-site-index		{ width: 65px; background: transparent url(./image/onglet_home1.png) no-repeat bottom; cursor: pointer; }
ul#menu-site li.menu-site-index:hover	{ background: transparent url(./image/onglet_home2.png) no-repeat bottom;}
ul#menu-site li.menu-site-index.sel	{ background: transparent url(./image/onglet_home3.png) no-repeat bottom;}

/* Bandeau */
.etmoi #bandeau						{ background: #478AD9 url(./image/rappel_coul_2.png) repeat-x top; }
.reseau #bandeau					{ background: #FBBD00 url(./image/rappel_coul_3.png) repeat-x top; }

.sdv #bandeau .sep					{ background: transparent url(./image/bandeau_separateur_sdv.gif) no-repeat top right; height: 31px; padding-right:15px;}
.etmoi #bandeau .sep				{ background: transparent url(./image/bandeau_separateur_etmoi.gif) no-repeat top right; height: 31px; padding-right:15px;}
.reseau #bandeau .sep				{ background: transparent url(./image/bandeau_separateur_reseau.gif) no-repeat top right; height: 31px; padding-right:15px;}

#bandeau div.cmb					{ color:#fff;padding: 3px 0 0 10px;}
#bandeau div.cmb option				{ color:#fff;cursor:pointer;}
.etmoi #bandeau div.cmb select		{ color:#fff;background: #478AD9; border:0;cursor:pointer;}
.reseau #bandeau div.cmb select		{ color:#fff;background: #FBBD00; border:0;cursor:pointer;}
.sdv #bandeau div.cmb select		{ color:#fff;background: #63CC00; border:0;cursor:pointer;}

#bandeau .action					{ float:left; width:230px; color:#FFFFFF; padding: 0px 0px 0px 60px; background: transparent url(./image/puce_0.png) no-repeat left; position: relative; z-index: 3;}
#bandeau .context-help				{ background: transparent url(./image/aide1.png) no-repeat left; cursor: pointer; float: right; height: 31px; width: 45px; }
#bandeau .context-help:hover		{ background: transparent url(./image/aide23.png) no-repeat left;}
#bandeau .combo 					{ width:180px; padding: 4px 0px 4px 0px; border: 1px solid transparent; position: relative; background:none; }
#bandeau .combo .choice				{ padding: 4px 20px 4px 10px; border: 1px solid transparent; width:100%; background: transparent url(./image/liste_fleche13.gif) no-repeat right; color: #ffffff;}
#bandeau .combo ul					{ display: none; position: absolute; left: -1px; top: 26px; list-style-type: none; background-color: #FFFFFF; }
#bandeau .combo ul li				{ float: none; padding: 4px 20px 4px 10px; width:182px; }
#bandeau .combo ul li a			{ color:#63CC00; }
#bandeau .combo ul li a:hover		{ text-decoration: none; }
#bandeau .combo:hover > ul 		{ display: block; border: 1px solid #63CC00; border-top: none;}
#bandeau .combo:hover > .choice		{ border: 1px solid #FFFFFF; background: #FFFFFF url(./image/liste_fleche13.gif) no-repeat right; color:#63CC00;}
#bandeau .combo .choice:hover		{ border: 1px solid #FFFFFF; background: #63CC00 url(./image/liste_fleche2.gif) no-repeat right; color:#FFFFFF; }
#bandeau .combo ul li:hover		{ background-color: #63CC00; color: #FFFFFF; }
#bandeau .combo ul li:hover > a	{ color: #FFFFFF; }

.etmoi #bandeau .combo ul li a				{ color:#478AD9; }
.etmoi #bandeau .combo:hover > ul 			{ border: 1px solid #478AD9; border-top: none;}
.etmoi #bandeau .combo:hover > .choice		{ color:#478AD9;}
.etmoi #bandeau .combo .choice:hover		{ background: #478AD9 url(./image/liste_fleche2.gif) no-repeat right; color:#FFFFFF; }
.etmoi #bandeau .combo ul li:hover			{ background-color: #478AD9;}
.etmoi #bandeau .combo ul li:hover > a		{ color: #FFFFFF; }

.reseau #bandeau .combo ul li a				{ color:#FBBD00; }
.reseau #bandeau .combo:hover > ul 			{ border: 1px solid #FBBD00; border-top: none;}
.reseau #bandeau .combo:hover > .choice		{ color:#FBBD00;}
.reseau #bandeau .combo .choice:hover		{ background: #FBBD00 url(./image/liste_fleche2.gif) no-repeat right; color:#FFFFFF; }
.reseau #bandeau .combo ul li:hover			{ background-color: #FBBD00;}
.reseau #bandeau .combo ul li:hover > a		{ color: #FFFFFF; }

#bandeau .saisie							{ padding-left: 0px; float: left; width: 250px;}
#bandeau .saisie .sep						{ padding-top: 4px; padding-bottom: 0;}
#bandeau .saisie input						{ width: 200px; height: 12px; background-color: transparent; color: #FFFFFF; padding: 2px 5px 2px 15px; border: none; border: 1px solid transparent; font-style: italic;}

.sdv #bandeau .saisie input:hover			{ border: 1px solid #e2f5d0; }
.etmoi #bandeau .saisie input:hover			{ border: 1px solid #d3e2f4; }
.reseau #bandeau .saisie input:hover		{ border: 1px solid #f7eccb; }

#bandeau .regle 							{ padding-left: 0px; float: left;  width:50px; position: relative;  z-index: 3; }
#bandeau .regle .combo						{ width: 15px; }
#bandeau .regle .combo li					{ width: 17px; }

#bandeau .btn								{ display: block; float: right; width: 90px; background-color: #2661c4;
												margin-right: 13px; margin-top: 4px; margin-bottom: 2px; height: 24px;
												padding: 5px 5px 5px 5px; border:0; }
.sdv #bandeau .btn							{ background-color: #356d00;}
.etmoi #bandeau .btn						{ background-color: #2661c4;}
.reseau #bandeau .btn						{ background-color: #f89d00;}
#bandeau .btn:hover							{ background-color: #F21FCB;}

/*#bandeau .action select		{ margin-left: 60px; padding-left: 10px; padding-right: 10px; width: 250px; border: 1px solid transparent; background-color: #478AD9; color: #FFFFFF; font-size: 110%; line-height: 20px; }
#bandeau .action select:hover	{ border: 1px solid #FFFFFF; }
*/

/* Right */
#logo							{ width: 182px; height: 190px; padding-left:50px;}

.menu-bloc .top					{ background: transparent url(./image/menu_top.png) no-repeat bottom; width: 232px; height: 15px; position: relative; }
.menu-bloc .center				{ background: transparent url(./image/menu_centre.png) repeat-y left; width: 207px; padding-left: 25px; }
.menu-bloc .bottom				{ background: transparent url(./image/menu_foot.png) no-repeat top; width: 232px; height: 14px; position: relative; }
.menu-bloc .menu				{ background: #63CC00 url(./image/menu_coul1.png) repeat-x top; padding: 15px 20px 15px 20px; width: 150px; position: relative; z-index: 2; }
.menu-bloc a					{ color: #FFFFFF; text-transform: uppercase; }
.menu-bloc .image				{ position: absolute; top: -12px; left: 148px; background: transparent url(./image/menu1.png) no-repeat; width: 50px; height: 40px; }
.menu-bloc .image.sel			{ background: transparent url(./image/menu23.png) no-repeat; }
.menu-bloc:hover .image			{ background: transparent url(./image/menu23.png) no-repeat; }
.menu-bloc ul					{ padding-top: 5px; }
.menu-bloc li					{ padding-top: 3px; }
.menu-bloc li a				{ text-transform: none; color: #6b6a66; padding: 0px;}
#menu-right .puce				{ position: absolute; left:0px; background: transparent url(./image/menu_puce.png) no-repeat;}

#menu-sdv .menu					{ background: #63CC00 url(./image/menu_coul1.png) repeat-x top; }
#menu-etmoi .menu				{ background: #478AD9 url(./image/menu_coul2.png) repeat-x top; }
#menu-reseau .menu				{ background: #FBBD00 url(./image/menu_coul3.png) repeat-x top; }

/* Content */
.sdv .content h2				{ color: #63CC00; }
.etmoi .content h2				{ color: #478AD9; }
.reseau .content h2				{ color: #FBBD00; }

.content p						{ padding: 5px 0px 5px 0px;}
.content h2						{ padding-top: 20px; }
.content div > h2:first-child	{ padding-top: 5px; }

p						{ padding: 5px 0px 5px 0px;}
h2						{ padding-top: 20px; }
div > h2:first-child	{ padding-top: 5px; }

.puce							{ position:absolute; left:-60px; background: transparent url(./image/puce_1.png) no-repeat left; width:60px; height:17px;}
.sdv .puce						{ background: url(./image/puce_1.png); }
.etmoi .puce					{ background: url(./image/puce_2.png); }
.reseau .puce					{ background: url(./image/puce_3.png); }

#content .bloc_info				{ padding-top: 20px; position: relative;}
#content .bloc_info h3			{ color: #6b6a66; font-size:10px; line-height: 17px; border-bottom: 1px solid #6b6a66; margin-bottom: 10px; }

/* Console */
/*
#content .aide-menu-bloc		{ position: relative; background: #63CC00 url(./image/console_sdv3.png) repeat-x top; width: 100%; padding-bottom: 10px; height: 68px;}
#content .aide-menu-bloc li		{ float: left; background: url(./image/console_sdv12.png) repeat-x top; height: 44px; }
#content .aide-menu-bloc h3		{ font-size:10px; font-weight: normal; margin-bottom: 10px; padding: 15px 50px 10px 50px;}
#content .aide-menu-bloc h3	 a	{ color: #63CC00; }
#content .aide-menu-bloc li ul { display: none; position:absolute; top: 44px; left: 0px; width: 660px; height: 24px;}
#content .aide-menu-bloc li.sel { background: none;}
#content .aide-menu-bloc li.sel h3  a	{ color: #FFFFFF; }
#content .aide-menu-bloc li.sel ul { display: block; }
#content .aide-menu-bloc li li { color: #FFFFFF; background: none; padding: 5px; float: left; height: 12px; padding: 0px 10px 5px 10px; }
#content .aide-menu-bloc li li a { color: #FFFFFF; white-space: nowrap;}
#content .aide-menu-sep			{ position: absolute; background: url(./image/console_inter.png) no-repeat top; width:5px; height:44px; }
*/

/* Page d'accueil: Index */
.index #top						{ height: 43px; padding-top: 17px; position: relative; z-index: 2; }
.index #titre					{ position: relative; background: transparent url(./image/carte.png) no-repeat bottom; height: 335px; width: 100%; padding: 0px; margin: 0px;}
.index #territoire_link			{ position: absolute; top: 30px; right: 0px; background: transparent url(./image/carte_plus1.png) no-repeat top; width: 115px; height: 19px; padding-left: 35px; line-height: 18px;}
.index #territoire_link a:hover		{ text-decoration: none; }
.index #territoire_link:hover		{ background: transparent url(./image/carte_plus23.png) no-repeat top; }
.index #territoire_link:hover > a		{ color: #FFFFFF; }
.index #page					{ background-color: transparent; }
.index #content					{ background-color: transparent; padding: 0px; padding-bottom: 80px; }
.index #page-right-border		{ background: none; }
.index #page-left-border		{ background: none; }
.index #footer					{ background: none; }

/* Forms */
input,select,textarea		{  font-family: verdana,helvetica,arial,sans-serif; font-size: 100%;
									margin-top: 2px; margin-bottom: 2px;
									padding: 3px 5px 2px 5px;
								}
input.value, textarea.value 	{ color: #6b6a66; } /* Darker grey when value exist */

input[type=checkbox]			{ margin-left: 5px; margin-top: 2px;}

fieldset						{ padding: 10px 30px 10px 30px; width: 600px; border: #b0b0ae 1px solid; margin-top: 10px;}
legend							{ padding: 5px 10px 10px 20px; color: #6b6a66; background: transparent url(./image/fieldset_icon.png) no-repeat 2px;}

.obligatoire					{ color: #F21FCB;}
.full-width						{ width: 600px; }
.large							{ width: 280px; }

.bs-form p							{ display: block; position: relative; padding: 0px 0px 0px 0px; margin: 2px 0px 0px 0px; min-height: 22px; border: none; line-height: 18px; }
.bs-form p label					{ float: left; line-height: 18px; position: relative}
.bs-form p.nofloat label			{float: none; }
.bs-form p input[type=text]		     { margin: 0px; height:12px; padding-top: 2px; padding-bottom: 2px; }
/*.bs-form p input[type=checkbox]	{ margin-right: 0px; margin-left: 0px; }*/
.bs-form p select					{ margin: 0px;  padding: 0px; color: #6b6a66; height: 20px; line-height: 20px;}

.bs-form label						{ min-width: 140px; }
.bs-form input[type=text]			{ width: 445px; size: 20;}
.bs-form select						{ width: 600px; }
.bs-form textarea					{ width: 588px; }

.col								{ width:280px; position: relative; }

.bs-form .col label					{ min-width: 100px; }
.bs-form .col input[type=text]		{ width: 164px;  }
.bs-form .col select				{ width: 280px; }
.bs-form .col textarea				{ width: 270px; }

.large-btn						{ position: relative; display:block; width: 250px; height: 13px; border: 1px solid #b0b0ae; padding: 5px 20px 4px 10px; margin-top: 5px; margin-bottom: 10px; color:#b0b0ae;}
.large-btn span					{ text-transform: uppercase; }
.large-btn span b				{ text-transform: none; }

.plus							{ background: url(./image/plus_1.png) no-repeat right; }
.modif							{ background: url(./image/modif_1.png) no-repeat right; }

.large-btn:hover				{ color: #FFFFFF; background-color: #F21FCB; border: 1px solid #FFFFFF; text-decoration: none;}
.plus:hover						{ color: #FFFFFF; background: #F21FCB url(./image/plus_2.png) no-repeat right; border: 1px solid #FFFFFF;}
.modif:hover					{ color: #FFFFFF; background: #F21FCB url(./image/modif_2.png) no-repeat right; border: 1px solid #FFFFFF;}
.large-btn:hover > *			{ color: #FFFFFF; }
.large-btn:hover > span *		{ color: #FFFFFF; }

.large-btn-combo				{ padding-top: 5px; height: 15px; border: 1px solid transparent;}
.large-btn-combo select		{ width: 280px; margin-top: 0px; color: #6b6a66;}

/* Obsolete ----->*/
.full_width						{ width: 600px; }

.input							{ position: relative; padding: 0px 0px 0px 0px; margin-top: 5px; margin-bottom: 10px; min-height: 22px; border: 1px solid transparent; line-height: 18px;}
.input label					{ float: left; line-height: 18px;}
.input input[type=text]		{ margin: 0px; height:12px; padding-top: 2px; padding-bottom: 2px; }
.input input[type=checkbox]	{ margin-right: 0px; margin-left: 0px; }
.input select					{ margin: 0px;  padding: 0px; color: #6b6a66; height: 20px; line-height: 20px;}

.input.large label				{ min-width: 100px; }
.input.large input[type=text]	{ width: 165px; }
.input.large select			{ width: 280px; }
.input.large textarea			{ width: 270px; }

.input.full-width label			{ min-width: 140px; }
.input.full-width input[type=text]	{ width: 445px; }
.input.full-width select			{ width: 600px; }
.input.full-width textarea			{ width: 588px; }
/* <----- Obsolete */

select, option.titre			{ text-transform: uppercase; }
option					{ text-transform: none; }

.btn							{ display:block; color: #FFFFFF; background-color: #F21FCB; width: 100px; padding: 4px 10px 4px 10px; margin: 5px 5px 10px 5px;
									height: 12px; text-align: center;}
input.btn						{ width: 120px; height: 20px; border: 0; cursor: pointer; padding: 3px 10px 4px 10px; display:inline;}
a.btn							{ color: #FFFFFF; }
.btn:hover						{ color: #FFFFFF; }

.bouton							{ display:block; color: #FFFFFF; background-color: #F21FCB; width: 100px; padding: 4px 10px 4px 10px; margin: 5px 5px 10px 5px;
									height: 12px; text-align: center;}
input.bouton					{ width: 120px; height: 20px; border: 0; cursor: pointer; padding: 3px 10px 4px 10px; display:inline; }
a.bouton						{ color: #FFFFFF; }
.bouton:hover					{ color: #FFFFFF; }

/* NOT USED
.combo							{ position:relative; background: transparent url(./image/combo.png) no-repeat right;}
.combo ul						{ display: none; position: absolute; left: 0px; top: 20px; list-style-type: none; background-color: #FFFFFF; border: 1px solid #b0b0ae; }
.combo ul li					{ float: none; width: 260px; padding: 4px 5px 4px 10px; margin: 0px; color: #b0b0ae; }
.combo ul li span				{ display: none; }
.combo:hover > ul 				{ display: block; }
.combo:hover					{ color: #FFFFFF; background-color: #F21FCB; border: 1px solid #FFFFFF; }
.combo li:hover					{ color: #FFFFFF; background-color: #F21FCB; }
*/

.bloc-gris						{ background-color: #f6f6f6; width:100%; color: #b0b0ae; margin-bottom: 15px; }
.bloc-gris .title				{ background-color: #73736f; padding: 4px 5px 4px 20px; color:#f6f6f6; }
.bloc-gris .title span			{ }
.bloc-gris .title a				{ color:#f6f6f6; }
.bloc-gris .btn-supprimer		{ display: block; padding-right: 15px; background: transparent url(./image/bloc_gris_supprimer.png) no-repeat right;}

.img-form						{ padding-top: 10px; padding-bottom: 20px;}
.img-form input, .img-form textarea		{ width: 475px; }
.img-form textarea				{ height: 40px; }

#creation_article				{ width: 100%; text-align: right; }

/* Vignettes */

.vignette						{ background: none; width:95px; height: 105px; float:left; position: relative;}
.vignette.visited				{ background: transparent url(./image/v_ombre.png) no-repeat right; }
.vignette:hover					{ background: transparent url(./image/v_ombre.png) no-repeat right; }
.vignette:hover > * .plus		{ background: transparent url(./image/v_plus2.png) no-repeat right; border: none;}
.vignette .cadre				{ background: transparent url(./image/v_cadre.png) no-repeat right; width:95px; height: 105px; }
.vignette .photo				{ height: 75px; width: 75px; cursor: pointer; position: relative; top: 10px; left: 10px; }
.vignette .type					{ position: absolute; top:-10px; left:-10px; width:95px; height: 105px; }
.vignette .type.image			{ background: transparent url(./image/v_image.png) no-repeat right;  }
.vignette .type.video			{ background: transparent url(./image/v_video.png) no-repeat right;  }
.vignette .type.son				{ background: transparent url(./image/v_son.png) no-repeat right;  }
.vignette .plus					{ background: transparent url(./image/v_plus13.png) no-repeat right; width:25px; height: 25px; position: relative; top:60px; left: 60px;}
.vignette .calque				{ background: #456232; height: 250px; width: 240px; position:absolute; left: 85px; top: -125px; }
.vignette-info					{ display:none; width: 240px; height: 250px; background: transparent url(./image/v_info.png) no-repeat right; position:absolute;z-index:1000; }
.vignette-info .content			{ padding: 30px; padding-top: 20px;}
.vignette-info .content .ref	{ width: 100%; border-bottom: 1px solid #000000; padding-bottom:5px; padding-left:5px;}
.vignette-info .content .titre	{ font-size: 12px; padding: 0px; margin: 0px; color:#63CC00;margin-top: 3px;}
.vignette-info .content p		{ margin-top: 15px; margin-bottom: 5px; }
.vignette-info .content label	{ color:#A7A7A5; }
.vignette-info .valid			{ width:85px;height:8px;}
.vignette-info .valid.bs		{ background: url(./image/popup/valid_bs.png) no-repeat left;}
.vignette-info .valid.c			{ background: url(./image/popup/valid_c.png) no-repeat left; }
.vignette-info .valid.non		{ background: url(./image/popup/valid_non.png) no-repeat left;}

/* Footer */
#footer ul						{ color: #828280; }
#footer li						{ float: left; line-height: 12px; padding: 3px 5px 5px 0px; }
#footer a						{ color: #828280; padding-right: 5px; }
#footer p						{ padding-top: 5px; }
#menu-footer					{ width: 700px; height: 20px;}


/* Popup */
.helpbox			 		  	{ position:absolute; z-index:1000; top: 170px; left: 49px; width: 711px; min-height: 485px; background-color: #FFFFFF; height: 100%; overflow: auto;}
.flypopup			 		  	{ background:#fff;position:absolute; z-index:1000; top: 100px;left: 65px; width: 720px; }

.pop-center						{ width:416px; color: #C2C2C0; }
.pop-footer						{ height:34px; background:url(./image/popup/pop_foot.png); padding: 12px 32px 24px 32px; width:416px; color: #F21FCB; position: absolute; left: 0px;}
.pop-form						{ width: 341px; padding: 10px 25px 5px 25px; }

.pop-footer label				{ color: #F21FCB; }
.pop-center label				{ display: block; text-transform: uppercase; color: #C2C2C0; padding: 10px 0px 3px 5px;}
.pop-center input				{ width: 100%; margin-bottom: 10px; color: #6b6a66;}

.popup-center					{ background:url(image/popup/popup_centre.png) repeat-y left; padding: 0px 12px 0px 12px; width:726px;}
.popup-content					{ padding-top:12px; padding-bottom:12px; color: #C2C2C0; height:493px; position:relative;}
.popup-content td				{ vertical-align: middle; text-align: center;}

.popuser-header					{ height: 24px; padding: 18px 45px 0px 45px; width:660px;}
.popuser-header h1				{ font-size: 16px; font-weight: bold; padding:0px; margin: 0px; color: #6b6a66; width: 400px;}
.popuser-header div				{ padding-top: 4px;}
.popuser-footer					{ height:35px; background: url(./image/popup/popuser_foot.png); width:750px; }

.popmedia-titlebar				{ background:url(image/popup/popuser_top.png) no-repeat top; height: 30px; padding: 12px 45px 0px 52px; width:653px; line-height:30px; position: relative;}
.popmedia-titlebar h1			{ font-size: 16px; font-weight: bold; padding:0px; margin: 0px; color: #6b6a66; width: 400px; display: inline; }
.popmedia-titlebar #pop-menu-nav		{ position: absolute; left: 12px; top: 12px; height:30px;}
.popmedia-titlebar span.ref			{ background: url(./image/popup/bar_title_sep_ref.png) no-repeat; padding: 0px 50px 0px 7px; color:#63CC00;}
.popmedia-titlebar a, .popmedia-titlebar a:hover, .popmedia-titlebar a:visited
	{background: url(./image/popup/bar_title_sep.png) no-repeat;  }
.popmedia-titlebar span.vote		{float:right; color:#0042FF; padding: 2px 4px 0px 7px;}

.popmedia-footer				{ position:absolute; bottom: 12px; height:20px; width:691px; background-color:#696967; color:#FFFFFF; line-height:20px; padding-left:30px; z-index:3;}
.popmedia-footer ul				{ display:inline; list-style-type: none; margin: 0px;}
.popmedia-footer li				{ display:inline;}
.popmedia-footer a				{ color:#63CC00;}
.popmedia-footer span			{ font-weight:bold; color:#FFFFFF;}

/*
div#popmedia-titlebar					{width:690px; background: url(./image/popup/bar_title.png); line-height:30px; padding-right: 30px;}
div#popmedia-titlebar #pop-menu-nav		{float:left; margin-right:10px; height:30px;}
div#popmedia-titlebar h1				{font-weight:bold; font-size:16px; color:#696967; background:none; display: inline}
div#popmedia-titlebar span.ref			{display: inline; background: url(./image/popup/bar_title_sep_ref.png) no-repeat; padding: 2px 50px 0px 7px; color:#63CC00;}
div#popmedia-titlebar a, div#popmedia-titlebar a:hover, div#popmedia-titlebar a:visited
	{float:right; background: url(./image/popup/bar_title_sep.png) no-repeat; padding: 2px 4px 0px 7px; }
div#popmedia-titlebar span.vote		{float:right; color:#0042FF; padding: 2px 4px 0px 7px;}*/

div#pop-header						{background-color:#696967; height:130px; width:720px; margin-left: 12px; position:relative; top: 12px;}
/*div#pop-header div#pop-close		{float:right; background: url(./image/popup/close_box.png); height:13px; width:13px; margin-top: 8px; margin-right:5px;}*/
div#pop-header div#previous-page	{display:block; float:left; background: url(./image/popup/list_previous.png); height:23px; width:23px; margin-top: 77px; margin-left:25px;}
div#pop-header div#next-page		{display:block; float:right; background: url(./image/popup/list_next.png); height:23px; width:23px; margin-top: 77px; margin-right:25px;}
div#pop-header div#previous-page[class=linkCursor] { background: url(./image/popup/list_previous_ovr.png);}
div#pop-header div#next-page[class=linkCursor] 	{ background: url(./image/popup/list_next_ovr.png);}
div#pop-header div#previous-page[class=disable] 	{ background: url(./image/popup/list_previous_dis.png);}
div#pop-header div#next-page[class=disable] 		{ background: url(./image/popup/list_next_dis.png);}
div#pop-header div#auto			{}
div#pop-header ul					{list-style-type: none; height:112px; padding: 10px 0px 0px 5px;}
div#pop-header li					{float: left; background: url(./image/popup/vignette_back.png) no-repeat; width:101px; height:112px;}
div#pop-header li.over				{background: url(./image/popup/vignette_back_ovr.png) no-repeat; cursor: pointer;}
div#pop-header li.selected			{background: url(./image/popup/vignette_back_sel.png) no-repeat;}
div#pop-header li div				{background: url(./image/popup/vignette.png) no-repeat; padding:4px; height:83px; width:83px; margin:8px; display:block;}
div#pop-header li div.yellow		{background: url(./image/popup/vignette_yellow.png) no-repeat;}
div#pop-header li span				{color: #FFFFFF; line-height: 20px;}

div#pop-info						{position:absolute; background-color:#FFFFFF; padding: 0px 30px 5px 30px; height:535px; width:660px; top:0px; z-index:3; overflow: auto;}
div#pop-sous-titre					{padding: 0px; margin: 0px; height: 50px; position:relative;}
/*img#ecoute							{position:absolute; left:12px; top:48px;}*/
div#ecoute							{background: url(./image/popup/ecoute.png);position: absolute; left: -20px; height:17px; width:17px; cursor: pointer; top: 16px;}
div#pop-sous-titre h2				{line-height:50px; background:none; display:inline; padding: 5px;}
div#pop-sous-titre h2 a			{font-weight:bold; font-size:12px; color:#696967;}

div#pop-visu						{position:relative; float:left; height: 270px; width:360px; background-color:#000000;}
div#pop-visu div#copyright			{position:absolute; left:205px; top:4px;  height:23px; width:150px; color:#FFFFFF; text-align:right; cursor: help;}
div#pop-visu div#copyright:hover > span { display:inline; }
div#pop-visu div#copyright span	{background:#f8f8e6; color:#696967; padding:5px; display:none;}
div#pop-visu div#ecran_plus		{position:absolute; left:7px; top:240px; background: url(./image/popup/ecran_plus.png) no-repeat; height:23px; width:23px;}
div#pop-visu > table				{height: 270px; width:360px;}

div#pop-visu-full					{position:absolute; height:528px; width:720px; top:0px; z-index:2; background-color:#000000; }
div#pop-visu-full #copyright		{position:absolute; left:562px; top:7px;  height:23px; width:150px; color:#FFFFFF; text-align:right; cursor: help;}
div#pop-visu-full div#copyright:hover > span { display:inline; }
div#pop-visu-full #copyright span	{background:#f8f8e6; color:#696967; padding:5px; display:none;}
div#pop-visu-full #ecran_moins		{position:absolute; left:7px; top:10px; background: url(./image/popup/texte_btn.png) no-repeat; height:20px; width:45px;}
div#pop-visu-full > table			{height:540px; width:720px;}

div#pop-tabbox									{float:right; width:270px;}
div#pop-tabbox ul								{list-style-type: none; margin: 0px; background: url(./image/popup/onglet_barre.png) no-repeat right; height:29px;}
div#pop-tabbox li								{float: left; padding: 0px; margin: 0px; width:54px; height:29px;}
div#pop-tabbox li#info_link					{background: url(./image/popup/info.png) no-repeat;}
div#pop-tabbox li#info_link[class=selected]	{background: url(./image/popup/info_sel.png) no-repeat;}
div#pop-tabbox li#info_link[class=over]		{background: url(./image/popup/info_ovr.png) no-repeat;}
div#pop-tabbox li#map_link						{background: url(./image/popup/map.png) no-repeat;}
div#pop-tabbox li#map_link[class=selected]		{background: url(./image/popup/map_sel.png) no-repeat;}
div#pop-tabbox li#map_link[class=over]			{background: url(./image/popup/map_ovr.png) no-repeat;}
div#pop-tabbox li#details_link 				{background: url(./image/popup/details.png) no-repeat;}
div#pop-tabbox li#details_link[class=selected]	{background: url(./image/popup/details_sel.png) no-repeat;}
div#pop-tabbox li#details_link[class=over]		{background: url(./image/popup/details_ovr.png) no-repeat;}
div#pop-tabbox .panel							{height: 240px; overflow:auto; color:inherit; position: relative;}
div#pop-tabbox .panel label					{color:#A7A7A5;}
div#pop-tabbox .panel p						{padding: 10px 0px 5px 0px;}
div#pop-tabbox .panel img#map-media 			{border:2px solid #696967; margin-top: 5px;}
div#pop-tabbox #map								{overflow: hidden;}
div#pop-tabbox #valid							{ position: absolute; bottom:0px; width:205px; }
div#pop-tabbox #valid.bs						{ background: url(./image/popup/valid_bs.png) no-repeat left; padding-left: 63px;}
div#pop-tabbox #valid.c							{ background: url(./image/popup/valid_c.png) no-repeat left; padding-left: 33px;}
div#pop-tabbox #valid.non						{ background: url(./image/popup/valid_non.png) no-repeat left; padding-left: 13px;}

/** eric madias **/
		div#media_liste.small {height:115px;overflow:auto;}
		div#media_fiche {margin-top:5px;}
/** eric madia **/
		div#tphoto					{width:370px;margin-bottom:5px;text-align:center;background:#000;}
		div#tmedia					{float:right;width:270px;}
		
		div#tmedia .valid			{ width:185px; height: 8px;}
		div#tmedia .valid.bs		{ background: url(./image/popup/valid_bs.png) no-repeat left;}
		div#tmedia .valid.c			{ background: url(./image/popup/valid_c.png) no-repeat left;}
		div#tmedia .valid.non		{ background: url(./image/popup/valid_non.png) no-repeat left;}

		div#tmedia .licence			{ width:22px; height: 22px;}
		div#tmedia .licence.cede	{ background: url(./image/licence_cede.png) no-repeat left; }
		div#tmedia .licence.libre	{ background: url(./image/licence_libre.png) no-repeat left; }
		
		div#tmedia ul								{list-style-type: none; margin: 0px; background: url(./image/popup/onglet_barre.png) no-repeat right; height:29px;}
		div#tmedia li								{float: left; padding: 0px; margin: 0px; width:54px; height:29px;}
		div#tmedia li a 							{display:block;height:29px;width:54px;padding:7px 0 0 5px;text-align:right;}
		div#tmedia li a#mt1 						{background: url(./image/popup/info.png) no-repeat;}
		div#tmedia li a#mt2 						{background: url(./image/popup/map.png) no-repeat;}
		div#tmedia li a#mt3 						{background: url(./image/popup/details.png) no-repeat;}
		div#tmedia li a#mt1:hover					{background: url(./image/popup/info_ovr.png) no-repeat;}
		div#tmedia li a#mt2:hover					{background: url(./image/popup/map_ovr.png) no-repeat;}
		div#tmedia li a#mt3:hover					{background: url(./image/popup/details_ovr.png) no-repeat;}
		div#tmedia a#mt1.selected					{background: url(./image/popup/info_sel.png) no-repeat;}
		div#tmedia a#mt2.selected					{background: url(./image/popup/map_sel.png) no-repeat;}
		div#tmedia a#mt3.selected					{background: url(./image/popup/details_sel.png) no-repeat;}
		div.tmediac {display:none;padding-top:5px;}
		div.tmediac.selected {display:block;}
		div.tmediac label					{color:#A7A7A5;}

div#pop-tabbox li#info_link					{background: url(./image/popup/info.png) no-repeat;}
div#pop-tabbox li#info_link[class=selected]	{background: url(./image/popup/info_sel.png) no-repeat;}
div#pop-tabbox li#info_link[class=over]		{background: url(./image/popup/info_ovr.png) no-repeat;}

div#pop-description					{float:left; width:660px; padding-top:5px; padding-bottom:10px;}
div#pop-description	label			{display: block;color:#C2C2C0; font-size: 10px; padding-bottom: 0px; padding-top:10px;}
div#pop-description p				{padding-top:0px;}
div#pop-description ul				{list-style-type: none;}
div#pop-description li				{}
/*div#pop-comments					{float:left; }*/

div#pop-tabbox ul#contributions				{ background: none; height: auto; }
div#pop-tabbox ul#contributions li				{ height: auto; width: 270px; }

div#box-help						{ padding: 10px 38px 10px 32px; }
div#box-help .header				{ line-height: 35px; border-bottom: 1px solid #C2C2C0; }
div#box-help .title					{ font-weight: bold;  }
div#box-help .close					{ cursor: pointer; float: right; background: url(./image/close1.gif) no-repeat; width: 5px; height: 5px; margin-top: 18px;}
div#box-help .close:hover			{ background: url(./image/close23.gif) no-repeat;}
div#box-help .menu					{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #C2C2C0; }
div#box-help .content				{ padding-top: 10px; padding-bottom: 10px; }
div#box-help p						{ padding-top: 5px; padding-bottom: 5px; }

div#help						{ }
div#help .close					{ cursor: pointer; float: right; background: url(./image/close1.gif) no-repeat; width: 5px; height: 5px; margin-top: 18px;}
div#help .menu					{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #C2C2C0; }
div#help .content				{ padding-top: 10px; padding-bottom: 10px; }

/* Navigation pages : < 1 2 3 4 > */
.nav {clear:both;color:#aaa;text-align:left;font-size:10px;}
.nav a {padding:0 5px 0 5px;border:solid 1px #999;margin-right:5px;text-decoration:none;background:#fff;}
.nav a:hover {color:#fff;background:#008ac0;}
.nav span {padding:0 2px 0 2px;margin-right:5px;}
.nav .current {font-weight:bold;color:#F21FCB;}