/* =============================================================================
 * LAYOUT GENERAL
 * ===========================================================================*/
#document {
	width: 1000px;
	margin: auto;
}
#document.popup {
	width:100%;
}
#corps {
	overflow: hidden;
	width: 100%;
}
#contenu {
	width: 950px;
	margin: auto;
}
.clear {clear : both;}
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
img.alignleft, table.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
img.alignright, table.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
.alert {
	color: red;
	font-weight: bold;
	text-decoration: blink;
}

/* =============================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * ===========================================================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}


/*********/
/* COVER */
/*********/
#bo_cover {
	display: block;
	z-index: 100;
	filter: alpha(Opacity=50);
	opacity: .5;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #CCC;
	cursor: wait;
}


/* =============================================================================
 * BANDEAU HAUT
 * ===========================================================================*/
#bandeauSuperHaut {
	background-color: #666;
	border-bottom: 1px solid #fff;
	color: #fff;

}#bandeauSuperHaut p {
	text-align: right;
	margin: 0;
	padding: 3px 0;
	font-size: 10px;
}
#bandeauSuperHaut a {
	color: #fff;
	padding: 0 5px;
}
#bandeauHaut {
	background-color: #0000A8;
	border-bottom: 3px solid #E31013;
	padding: 20px 0 0 3%;
	color: #fff;
}
#bandeauHaut #logo {
	margin-top: 5px;
}
#bandeauHaut #logos {
	border: none;
	margin-left: 35px;
}
#bandeauHaut ul {
	text-align: right;
	padding: 5px 10px 5px 0;
	margin: 0;
	list-style-type: none;
}
#bandeauHaut li {
	display: inline;
	margin: 0;
	padding: 0;
}
#bandeauHaut a {
	color: #fff;
	padding: 0 20px;
}
#bandeauPasBienHaut {
	background: url(images/bandeauPasBienHaut.png) repeat-x 0 0;
	margin: 5px 10px;
	padding: 2px 5px 5px 5px;
}
#bandeauPasBienHaut p {
	margin: 3px 0;
	padding: 0;
}
#bandeauPasBienHaut input {
	margin-right: 10px;
}
#bandeauPasBienHaut strong {
	background: url(images/identification.gif) no-repeat 0 center;
	padding-left: 12px;
}
#bandeauPasBienHaut label {
	color: #81A84F;
	font-weight: bold;
}
#bandeauPasBienHaut a {
	color: #3D7A7B;
	font-weight: bold;
	padding: 0 10px;
}


/* =============================================================================
 * CONTENU
 * ===========================================================================*/
#contenu h2 {
	color: #47638B;
	font-size: 20px;
	margin: 5px;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #47638B;
}
#contenu h3 {
	color: #47638B;
	font-size: 15px;
	margin: 5px 0;
	padding: 0;
}
#contenu a {
	color: #3D7A7B;
}
.paragraphe {
	overflow: hidden;
	width: 100%;
	text-align: justify;
	margin-bottom: 15px;
}
.paragraphe p {
	padding: 0;
	margin: 5px 0;
}
hr {
	clear: both;
	height: 1px;
	color: #3D7A7B;
	border: none;
	border-top: 1px solid #3D7A7B;
	width: 90%;
	margin: 5px auto;
}
p.ensavoirplus {
	text-align: right;
}
p.hautDePage {
	text-align: right;
	border-top: 1px solid #47638B;
	padding-top: 5px;
}
p.hautDePage a {
	background: url(images/top.gif) no-repeat left center;
	padding-left: 10px;
}


/* =============================================================================
 * BANDEAU BAS
 * ===========================================================================*/
#bandeauBas {
	background-color: #0000A8;
	color: #fff;
	font-size: 10px;
	padding: 10px 0 10px 10px;
	margin-top: 10px;
	border-top: 3px solid #E31013;
}
#bandeauBas a {
	color: #fff;
}


/* =============================================================================
 * FORMULAIRES (CHARTE GENERALE)
 * ===========================================================================*/
fieldset {
	border: 1px solid #3D7A7B;
	padding: 5px 10px;
	margin: 8px 0;
}
legend {
	border: 1px solid #3D7A7B;
	padding: 5px 5px 5px 10px;;
	letter-spacing: 4px;
	color: #3D7A7B;
	font-weight: bold;
}
form {
	padding: 0;
	margin: 0;
}
input, textarea, select {
	font-family: Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #3D7A7B;
}
input.case {
	border: none;
}
.tpl_projet textarea {
	width: 99%;
	margin: auto;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#contenu form p label {
	float: left;
	width: 20%;
	margin-right: 5px;
	border-bottom: 1px dashed #3D7A7B;
}
#contenu form p label.enLigne {
	float: none;
	width: auto;
	border: none;
}
p.action {
	text-align: right;
}
input.submit {
	border-top: 3px solid #BEBDBB;
	border-left: 3px solid #BEBDBB;
	border-bottom: 3px solid #575556;
	border-right: 3px solid #575556;
	color: #fff;
	background-color: #9B9A98;
	font-weight: bold;
	font-size: 11px;		
}


/* =============================================================================
 * PAGINATION
 * ===========================================================================*/
.blocNavigation { 
	text-align: center; 
	border-bottom: 1px solid #3D7A7B;
	margin-bottom: 5px;
} 
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}
table.liste {
	border: 1px solid #3D7A7B;
	margin: auto;
	border-collapse: collapse;
	width: 90%;
}
table.liste td {
	vertical-align: top;
	padding: 2px 3px;
	text-align: left;
}
table.liste th {
	background-color: #3D7A7B;
	padding: 3px 5px;
	color: #fff;
	white-space: nowrap;
	text-align: center;
}
table.liste .alter1{
	background-color: #dedede;
}
 

/* =============================================================================
 * TPL ACCUEIL
 * ===========================================================================*/
.tpl_accueil #tablo1 {
 	border-collapse: collapse;
	background: url(images/tpl_accueil.png) no-repeat center 0;
	height: 218px;
	margin: auto;
}
.tpl_accueil #tablo2 {
 	border-collapse: collapse;
	margin: 10px auto;
}
.tpl_accueil td {
	vertical-align: top;
}
.tpl_accueil h4 {
	font-size: 12px;
	color: #3D7A7B;
	margin: 0;
	padding: 5px 0;
}

#blocCategorie {
	width: 315px;
	padding: 10px 20px;
}
#blocCategorie form p label {
	width: auto;
	font-weight: bold;
	border-bottom: none;
	white-space: nowrap;
}
#blocCategorie p input, #blocCategorie p select {
	float: right;
	font-size: 11px;
}

#blocGeo {
	width: 305px;
	padding: 10px 20px;
}
#blocGeo img {
	margin: auto;
	display: block;
}

#blocTag {
	width: 205px;
	padding: 10px 20px;
	vertical-align: middle;
	text-align: center;
}
#blocTag a {
	color: #000;
	padding: 0 5px;
}
#blocTag .niveau1 {
	font-size: 16px;
	font-weight: bold;
}
#blocTag .niveau2 {
	font-size: 15px;
}
#blocTag .niveau3 {
	font-size: 13px;
}
#blocTag .niveau4 {
	font-size: 12px;
}

#blocDiffusion {
	width: 315px;
	padding: 10px 20px;
}

#blocAnnuaire {
	border-left: 1px dotted #3D7A7B;
	width: 305px;
	padding: 10px 20px;
}
#blocAnnuaire form p label {
	width: auto;
	font-weight: bold;
	border-bottom: none;
	white-space: nowrap;
}
#blocAnnuaire p input, #blocAnnuaire p select {
	float: right;
	font-size: 11px;
}

#blocActu {
	border-left: 1px dotted #3D7A7B;
	width: 205px;
	padding: 10px 20px;
}
#blocActu .item {
	padding: 5px 0;
}
#blocActu p {
	margin: 3px 0;
	padding: 0;
	font-size: 11px;
	text-align: left;
}
#blocActu strong {
	color: #47638B;
}

/* =============================================================================
 * TPL GOOGLEMAP
 * ===========================================================================*/
#GMap {
	width: 800px;
	height: 500px;
	margin:auto;
}
#GMap address {
	text-align: center;
}
#GMap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

/* =============================================================================
 * NEWSLETTER
 * ===========================================================================*/
.tpl_mailmanInfo legend, .tpl_mailmanInscription legend {
	display:none;
}

.tpl_mailmanInscription .confirmation {
	color:darkgreen;
	font-weight:bold;
}

#contenu #blocDiffusion form p {
	margin:0;
	padding:0;
}
#contenu #blocDiffusion form p label {
	border:none;
	float:none;
	color:#CF0909;
	font-weight:bold;
}
#blocDiffusion ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#blocDiffusion ul a {
	color: #47638b;
}


#nwlEntete {
	background-color: #0000A8;
	border-bottom: 3px solid #E31013;
	color: #fff;
	padding : 5px 10px;
}
#nwListe h4 {
	font-size:1em;
	background-color: #0000a8;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	margin: 0 0 0 0;
	border : 1px solid #e31013;
}
#nwListe div {
	border : 1px solid #e31013;
	border-top :none;
	margin: 5px 0 0 0;
}
#nwListe div ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#nwListe div ul li {
	padding:2px 3px;
}
#nwListe div ul li.alter1,
#nwListe div ul li.alter1 a {
	background-color: #3399FF;
	color: #fff;
}
#nwListe h4 a {
	color: #ffffcc;
	padding-left: 15px;
}
#nwListe h4 a.toExpand {
	background: transparent url(images/flecheBasDepart.gif) no-repeat left center;
}
#nwListe h4 a.toCollapse {
	background: transparent url(images/flecheHautDepart.gif) no-repeat left center;
}