/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-family:arial, helvetica, sans-serif;
		font-size:11px
	}
	a {text-decoration:none}
	a:hover {text-decoration:none}
	img {border:none}
	ul,li,radio,label {list-style:none}
/* --------------------------------------------------------------------------------------------- Eléments positionnés en absolu */
/* -------------------------------------- Sous-menu */
/* --------- Commun */
	ul#smenu1, ul#smenu2, ul#smenu3, ul#smenu4, ul#smenu5 {
		position:absolute;
		left:50%;
		top:28px;
		width:151px;
		padding:10px 8px 15px 8px;
		border:solid 1px #1d250e
	}
	ul#smenu1 li, ul#smenu2 li, ul#smenu3 li, ul#smenu4 li, ul#smenu5 li {
		background:url(../img/basics/puceB.gif) no-repeat 0 6px;
		padding:0 0 0 10px
	}
	ul#smenu1 li a, ul#smenu2 li a, ul#smenu3 li a, ul#smenu4 li a, ul#smenu5 li a {color:#fff}
	ul#smenu1 li a:hover, ul#smenu2 li a:hover, ul#smenu3 li a:hover, ul#smenu4 li a:hover, ul#smenu5 li a:hover {text-decoration:underline}
/* --------- Orange */
	ul#smenu1 {
		z-index:1;
		margin:0 0 0 -231px;
		background:#fe9b00
	}
/* --------- Violet */
	ul#smenu2 {
		z-index:2;
		margin:0 0 0 -107px;
		background:#b90082
	}
/* --------- Bleu */
	ul#smenu3 {
		z-index:3;
		margin:0 0 0 16px;
		background:#101c8a
	}
/* --------- Vert */
	ul#smenu4 {
		z-index:4;
		margin:0 0 0 139px;
		background:#7f9300
	}
/* --------- Bleu turquoise */
	ul#smenu5 {
		z-index:5;
		margin:0 0 0 262px;
		background:#2e8aa1
	}
/* -------------------------------------- Blocs couleurs page d'accueil */
	#blocs {
		position:absolute;
		top:155px;
		left:50%;
		margin:0 0 0 -224px;
		width:607px;
		height:403px
	}
	#blocs h1 {
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:1.2em;
		padding:9px 0 0 10px
	}
	#blocs img {border:solid 1px #000}
	#blocs a {color:#000}
	#blocs a:hover {text-decoration:underline}
	#blocs .sp {
		width:100%;
		height:34px
	}
	#blocs .half {
		float:left;
		width:40%;
		padding:8px
	}
	#blocs .half img {margin:0 0 4px 0}
/* --------- Orange */
	#blocs #orange {
		float:left;
		width:261px;
		height:210px;
		padding:2px 0 0 0
	}
	#blocs #orange #orangeTp {
		width:inherit;
		height:47px;
		background:url(../img/environment/blocO.gif) no-repeat
	}
	#blocs #orange #orangeMd {
		width:inherit;
		height:165px;
		background:#ff9c00
	}
	#blocs #orange #orangeMd h1 {
		color:#ffce80;
		padding:0 0 0 10px
	}
/* --------- Violet */
	#blocs #purple {
		float:left;
		width:159px;
		height:214px;
		background:#b80081 url(../img/environment/blocP.gif) no-repeat;
		padding:0 7px;
		color:#fff
	}
	#blocs #purple h1 {
		color:#dc80c0;
		padding:9px 0 8px 0
	}
	#blocs #purple img {
		float:left;
		margin:0 7px 0 0
	}
	#blocs #purple a {color:#fff}
	#blocs #purple a:hover {text-decoration:underline}
/* --------- Bleu */
	#blocs #blue {
		float:left;
		width:173px;
		height:210px;
		padding:2px 0 0 0
	}
	#blocs #blue #blueTp {
		width:inherit;
		height:25px;
		background:url(/library/coeurdostrevent/gabarits/img/environment/blocB.gif) no-repeat
	}
	#blocs #blue #blueTp h1 {color:#878dc4}
	#blocs #blue #blueMd {
		width:159px;
		height:179px;
		background:#101c89;
		padding:8px 7px 0 7px;
		color:#fff
	}
	#blocs #blue img {
		float:left;
		margin:0 7px 0 0
	}
	#blocs #blue a {color:#fff}
	#blocs #blue a:hover {text-decoration:underline}
/* --------- Vert */
	#blocs #green {
		float:left;
		width:261px;
		height:188px;
		background:#7f9300 url(../img/environment/blocG.gif) no-repeat bottom
	}
	#blocs #green h1 {color:#bfc980}
/* --------- Bleu turquoise */
	#blocs #blueT {
		float:left;
		width:346px;
		height:183px;
		background:#2e8aa1 url(../img/environment/blocBt.gif) no-repeat bottom
	}
	#blocs #blueT h1 {color:#96c5d0}
	#blocs #blueT .half {
		width:47%;
		padding:5px;
	}

	#blocs #blueT .half img {
		float:left;
		margin:0 3px 0 0
	}
	#blocs #blueT .half .sp {
		width:100%;
		height:15px
	}
/* --------------------------------------------------------------------------------------------- Global */
	#page {
		width:771px;
		margin:0 auto;
		padding:0 0 10px 0
	}
	#globalG, #globalP, #globalO, #globalB, #globalBt {
		float:left;
		width:inherit
	}
	#globalG {background:url(../img/environment/leftG.gif) repeat-y}
	#globalP {background:url(../img/environment/leftP.gif) repeat-y}
	#globalO {background:url(../img/environment/leftO.gif) repeat-y}
	#globalB {background:url(../img/environment/leftB.gif) repeat-y}
	#globalBt {background:url(../img/environment/leftBt.gif) repeat-y}
/* --------------------------------------------------------------------------------------------- Partie gauche */
	#left {
		float:left;
		width:155px;
		min-height:555px
	}
	* html #left {
		height:555px
	}
/* ----------------------------------------------------------------- Logo */
	#left #logo {
		width:131px;
		padding:18px 0 12px 24px;
		background:#fff
	}
/* ----------------------------------------------------------------- Recherche */
	#left #search {
		background:#fff;
		padding:0 0 0 9px
	}
	#left #search label {
		background:url(../img/basics/label.gif) no-repeat right;
		padding:0 7px 0 0
	}
	#left #search input.champSearch {
		width:98px;
		height:15px;
		font-size:1em;
		border:solid 1px #535154;
		padding:1px 0 0 3px;
		color:#818284;
		margin:-6px 0 0 0
	}
	#left #search input.btOk {
		position:relative;
		top:5px;
		margin:-6px 0 0 0
	}
/* ----------------------------------------------------------------- Outils */
	#left #outils {
		padding:10px 0 5px 9px;
		background:#fff
	}
	#left #outils img {margin:0 7px 0 0}
/* ----------------------------------------------------------------- Menu */
	#left #menuLeft {padding:0 0 12px 6px}
	#left #menuLeft span.title {
		color:#fff;
		font-weight:bold;
		font-size:1.8em;
		padding:0 0 0 11px
	}
	#left #menuLeft ul {clear:both}
	#left #menuLeft ul li {
		background:url(../img/basics/squareB.gif) no-repeat 0 6px;
		padding:0 0 0 7px;
		margin:0 0 2px 0
	}
	#left #menuLeft ul li a {color:#fff}
	#left #menuLeft ul li a:hover {text-decoration:underline}
/* ----------------------------------------------------------------- Lien dans ma commune */
	#bt_DansMaCommune {
		display:block;
		padding:20px 0 0 5px
	}
/* ----------------------------------------------------------------- Visuels */
	#fading_picture {float:left}
/* --------- Couleurs + texte */
	.visu {
		float:left;
		width:601px;
		height:117px;
		color:#fff;
		font-size:2.3em;
		font-weight:bold;
		padding:43px 0 0 13px
	}
	.visu_bt {background:url(../img/environment/visu_bt.gif)}
	.visu_b {background:url(../img/environment/visu_b.gif)}
	.visu_o {background:url(../img/environment/visu_o.gif)}
	.visu_p {background:url(../img/environment/visu_p.gif)}
	.visu_g {background:url(../img/environment/visu_g.gif)}
/* --------- Thématique */
	.visu_theme {
		float:left;
		width:614px;
		height:160px
	}
	.visu_theme_bt {background:url(../img/environment/visu_theme_bt.gif)}
	.visu_theme_b {background:url(../img/environment/visu_theme_b.gif)}
	.visu_theme_o {background:url(../img/environment/visu_theme_o.gif)}
	.visu_theme_p {background:url(../img/environment/visu_theme_p.gif)}
	.visu_theme_g {background:url(../img/environment/visu_theme_g.gif)}
/* ----------------------------------------------------------------- Carte */
	#left #map {margin:0 0 0 8px}
/* ----------------------------------------------------------------- Adresse */
	#left #adress {
		padding:5px 0 0 10px;
		color:#000
	}
/* ----------------------------------------------------------------- Dans ma commune */
	#left .commune {margin:20px 0 0 4px}
/* --------------------------------------------------------------------------------------------- Partie droite */
	#right {
		float:left;
		width:615px
	}
/* ----------------------------------------------------------------- Menu */
	#right ul#menuTop {
		float:left;
		width:615px;
		font-weight:bold
	}
	#right ul#menuTop li {
		float:left;
		display:block;
		width:123px;
		height:28px;
		background:url(../img/basics/dottedV.gif) repeat-y;
		text-align:center;
		color:#fff;
		cursor:default
	}
	#right ul#menuTop li.orange {
		background-color:#ff9c00;
		background-image:none;
		height:28px
	}
	#right ul#menuTop li.purple {
		background-color:#b80081;
		height:28px
	}
	#right ul#menuTop li.blue {
		background-color:#101c89;
		height:20px;
		padding:8px 0 0 0
	}
	#right ul#menuTop li.green {
		background-color:#7f9300;
		height:28px
	}
	#right ul#menuTop li.blueT {
		background-color:#2e8aa1;
		width:122px
	}
/* --------------------------------------------------------------------------------------------- Footer */
	#footerG, #footerP, #footerO, #footerB, #footerBt  {
		float:left;
		width:760px;
		height:15px;
		background:url(../img/environment/footer.gif) no-repeat right;
		padding:9px 10px 0 0;
		text-align:right
	}
	#footerG {background-color:#7f9300}
	#footerP {background-color:#b80081}
	#footerO {background-color:#ff9c00}
	#footerB {background-color:#101c89}
	#footerBt {background-color:#2e8aa1}
	#footerG ul li, #footerP ul li,#footerO ul li,#footerB ul li,#footerBt ul li {
		display:inline;
		font-size:.9em
	}
	#footerG ul li a, #footerP ul li a, #footerO ul li a, #footerB ul li a, #footerBt ul li a {color:#000}
	#footerG ul li a:hover, #footerP ul li a:hover, #footerO ul li a:hover, #footerB ul li a:hover, #footerBt ul li a:hover {text-decoration:underline}
/* --------------------------------------------------------------------------------------------- eContoo */
	#eContoo {
		float:left;
		width:100%;
		text-align:right;
		padding:5px 0 0 0;
		color:#2a7ca6;
		font-size:.9em
	}
	#eContoo span {
		position:relative;
		top:-6px
	}
/* --------------------------------------------------------------------------------------------- Texte d'explication */
	p.explication {
		clear:both;
		margin:0 0 10px 0;
		text-align:justify;
		padding:0 10px
	}
	
/*----------------------------------------------------------------------------------------------Style pour la génération d'un formulaire */	
	.formulaire, .formulaire_DDL, .formulaire_CheckBox,.formulaire_Radio{
		margin-bottom:7px;
		clear:left;
	}
	.formulaire .label , .formulaire_DDL .label , .formulaire_CheckBox .label ,.formulaire_Radio .label {
		display:block;
		width:90px;
		float:left;
		color:#000;
	}
	.formulaire .obligatoire{
		color: #db1723;
	}
	
	fieldset{
		padding:10px 0px;
		margin-bottom:10px;
	}
	legend{
		font-size : 12px;
		margin-left: 10px;
		color: #db1723;
	}
	
	.formulaire_DDL, .formulaire_CheckBox,.formulaire_Radio{
		padding-top:10px;
	}
	
	*+ html .formulaire_DDL, *+ html .formulaire_CheckBox, *+ html .formulaire_Radio{
		padding-top:0px;
	}
	
	* html .formulaire_DDL, * html .formulaire_CheckBox, * html .formulaire_Radio{
		padding-top:0px;
	}
	
	.formulaire_DDL .radio li, .formulaire_CheckBox .radio li ,.formulaire_Radio .radio li{
		float:left;
		margin-right: 10px;
	}
	
	.formulaire_DDL .radio label, .formulaire_CheckBox .radio label ,.formulaire_Radio .radio label{
		margin-left:7px;
	}
	
	.actions{
		float:left;
		display:inline;
	}
	
	.actions .validation{
		margin-left:10px;
		margin-right:20px;
		width:58px;
	}
	
	.intro{
		clear:left;
		margin-bottom:7px;
	}
	
	*+ html .intro{
		margin-bottom:0px;
	}
	.conclu{
		margin-top:7px;
		clear:left;
	}
	
	.formulaire select{
		width:auto;
	}