/*     Feuille de style pour les pages du site      */
/*           Site www.ciewa.com            */
/*	Réalisation, ciewa 2008 - Jean Laurent PERPINA   */

/* Correction éléments par défaut  */

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
img {
	border-width: 0px;
	border-style: none;
}
ul {
	list-style-type: circle;
}
body, div, ul, ol, li, dl, dt, dd, p, img, img a, form{
	margin: 0px;
	padding: 0px;
}
p, blockquote, li, dd, dt {
	font-weight: normal;
}
a, a:visited {
	text-decoration: none;
}
.nettoyeur {
	visibility: hidden;
	clear: both;
}
kbd {
	color: #333333;
	background: #dff1f6;
	border-top: 1px solid #83cde1;
	border-right: 2px solid #83cde1;
	border-bottom: 2px solid #83cde1;
	border-left: 1px solid #83cde1;
	padding-right: 0.2em;
	padding-left: 0.2em;
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
}
/* Couleurs de base des éléments */
body {
	color: #00609d;
	background: #fff;
}
.spip_surligne { color: #000000; background: #FF6; }


/* Liens */
a, a:visited { text-decoration: none; color: #00609D; }
a:hover { text-decoration: underline; }
acronym,abbr { 
	cursor: help;
}

/* Mise en forme générale */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/Fond_bleu.gif) repeat-y 180px;
}
#global {
	height: 590px; 
}
#global #en_tete {
	float: left;
	width: 15em;
	text-align: right;
}
#global #sous-entete{
	padding-left: 90px;
	width: 15em;
}
#global #en_tete #sous-entete img{
	float: left;
}
#global #tel{
	float: left;
	width: 10.5em;
	padding: .5em 0px 1em .2em;
    text-align: left;
}
#global #tel span{
	font-weight: bold;
}
#menu {
	margin-left: 330px;
	padding-left: 0.7em;
	padding-top: 20px;
	width: 55%;
}
#page ul.menu_secteurs {
	font-size: .7em;
}
#page ul.menu_secteurs li {
	float: left;
}
#page ul.menu_secteurs li a, #page ul.menu_secteurs li span.on{
	width: 12em;
	height: 10.5em;
	display: block;
	padding-left: .2em;
}
#gauche {
/*	width: 330px;
*/	float: left;
	clear: both;
}
/*#gauche ul {
	padding-right: 150px;
	list-style-type: none;
}
#gauche ul.sous_menu {
	clear: left;
	text-align: right;
}
#gauche h2 {
	padding-right: 150px;
	text-align: right;
	font-size: .9em;
	font-weight: normal;
}
#gauche ul li a, #gauche ul li span.on {
	padding-right: 10px;
}
*/#contenu {
	padding-left: .7em;
	width: 55%;
	margin-left: 330px;
	min-height: 420px;  /*permet d'eviter le chevauchement du pied avec l'image de fond */
}
*html #contenu { /* hack IE*/
	height: 420px;  /*permet d'eviter le chevauchement du pied avec l'image de fond */
}
#hierarchie {
	margin: 0.2em 0em 2em 330px;
	padding-left: 3.5em;
}
.encart, .coordonnees {
	width: 11em;
/*	float: left;
*/	margin-right: .5em;
	margin-bottom: .3em;
}
/*.contre-encart, .bio {
	width: 15em;
	float: left;
}
*/#pied {
	width: 330px;
	padding-bottom: 1em;
}
#pied ul {
	margin-left: 180px;
	width: 150px;
}
#pied ul li {
	padding-right: 1em;
}
/* Evitement */
#evitement {
	font-size: 0.7em;
	padding-left: 330px;
	background: #FFFFFF;
}
#evitement ul {
	float: left;
}
#evitement label {
	display: none;
}
#evitement ul {
	padding-top: 0.2em;
	padding-left: .5em;
}
#evitement li {
	display: inline;
	padding-right: .2em;
}
#envoi {
	border: none;
	font-size: 0.9em;
	background: url(images/degrade3.gif) center center;
	height: 1.7em;
}
#recherche{
	width: 7em;
	vertical-align: top;
	text-align: left;
	font-size: .95em;
	height: 1em;
}
legend {
	display: none;
}
fieldset {
	border: none;
}
/* Menus */

.secteur0 #global {
	background: url(images/fond_secteur0.jpg) no-repeat 5px top;
}
.secteur3 #global {
	background: url(images/fond_secteur3.jpg) no-repeat 5px top;
}
.secteur4 #global {
	background: url(images/fond_secteur4.jpg) no-repeat 5px top;
}
.secteur5 #global {
	background: url(images/fond_secteur5.jpg) no-repeat 5px top;
}
#plan #global {
	background: url(images/fond_plan.jpg) no-repeat 5px top;
}
#page_contact #global,  #page_recherche #global,  #erreur404 #global,  #portfolio #global,  #news #global{
	background: url(images/fond_secteur0.jpg) no-repeat 7px top;
}
#page ul.menu_secteurs li {
	margin-right: 5px;
	list-style-type: none;
	font-weight: bold;
}
#page ul.menu_secteurs li a{
	color: #1A1A1A;
}
#page ul.menu_secteurs li.secteur3, #page ul.menu_secteurs li.secteur4, #page ul.menu_secteurs li.secteur5{
	background: url(images/degrade2.gif) bottom;
}
#page ul.menu_secteurs li.secteur3 a{
	background: url(images/logos3off.jpg) repeat-x center bottom;
}
#page ul.menu_secteurs li.secteur3 a:hover, #page ul.menu_secteurs li.secteur3 span.on{
	background: #fff url(images/logos3on.jpg) repeat-x center bottom;
	text-decoration: none;
	color: #004876;
}
#page ul.menu_secteurs li.secteur4 a{
	background: url(images/logos4off.jpg) repeat-x center bottom;
}
#page ul.menu_secteurs li.secteur4 a:hover, #page ul.menu_secteurs li.secteur4 span.on{
	background: #fff url(images/logos4on.jpg) repeat-x center bottom;
	text-decoration: none;
	color: #004876;
}
#page ul.menu_secteurs li.secteur5 a {
	background: url(images/logos5off.jpg) repeat-x center bottom;
}
#page ul.menu_secteurs li.secteur5 a:hover, #page ul.menu_secteurs li.secteur5 span.on{
	background: #fff url(images/logos5on.jpg) repeat-x center bottom;
	text-decoration: none;
	color: #004876;
}
#menu2 {
	font-size: .75em;
	background: #CBE2F2;
	margin-bottom: 2em;
}

#menu2 ul li {
	display: inline;
	padding: 0.2em 0.5em;
	line-height: 2em;
	background: #0071b9;
/*	margin-top: .3em;
	margin-bottom: .3em;
	border-right: #FFFFFF thin solid;
	border-bottom: #FFFFFF thin solid;
*/}
#menu2 ul li, #menu2 ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
#menu2 ul li span.on {
	background: #FFFFFF;
	color: #0071b9;
	padding: 0.2em 0.5em;
}
/* Titres */
h1, h2, h3, h4, p.soustitre {
	font-family: Arial, Helvetica, sans-serif;
}

#global h1 {
	background: #FFF;
	font-size: 1em;
	font-weight: bold;
	color: #004876;
	margin-top: 1em;
}
#global h1 span {
	font-style: italic;
}
h2 {
	font-size: 1.15em;
	font-weight: bold;
	margin-bottom: 1.3em;
}
h3 {
	font-size: 1em;
	font-weight: bold;
}
p.soustitre {
	font-size: .85em;
	font-weight: bold;
}
h3, h4 {
	margin-top: 2em;
	margin-bottom: .8em;
	clear: both;
}
p.soustitre {
	margin-bottom: .3em;
	font-weight: bold;
}
h4 {
	font-size: .8em;
	font-weight: bold;
}
.texte h3, .texte h4, h2.titre, h3.titre{
	border-bottom: 1px solid #EBF6FC;
	border-left: 20px solid #EBF6FC;
	padding-left: 5px;
}
/* Encarts */
.sous-encart{
	padding: .5em;
	font-size: .75em;
}
.encart ul a {
/*	color: #FFFFFF;
*/	color: #4a4a4a;
}
.encart p {
	font-weight: bold;
	padding-bottom: .5em;
	font-size: .75em;
}
.encart ul, #erreur404 .encart p {
/*	background: #0071b9;
	color: #FFFFFF;
*/	background: #EBF6FC;
	color: #4a4a4a;
}
.sous-encart, .sous-encart p, .sous-encart p a {
/*	background: #0071b9;
	color: #FFFFFF;
*/	min-height: 4em;
	background: #EBF6FC;
	color: #4a4a4a;
}
*html .sous-encart {
	height: 4em;
}
.encart ul li {
	font-weight: bold;
	list-style-type: none;
}
.coordonnees address {
	background: #0071b9;
	color: #FFFFFF;
	font-size: .8em;
	font-weight: bold;
	padding: .3em;
}
#erreur404 .encart p {
	background: #0071b9;
	color: #FFFFFF;
	padding: .5em;
	font-size: 1.1em;
}
/* Contenu */
#contenu .texte a {
	padding-right: 20px;
	background: url(images/flechelien.jpg) no-repeat right center;
	border-bottom: 1px dotted #83cde1;
}
#contenu .texte a:hover {
	background: url(images/flechelienover.jpg) no-repeat right center;
	text-decoration: none;
	border-bottom: 2px solid #0071b9;
}
#contenu .texte img {
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
}
#hierarchie {
	font-size: .7em;
	background: url(images/fleche.gif) no-repeat 1.2em center;
}
.chapo {
	margin-bottom: 1em;
}
.chapo p.spip, .bio p.spip, #erreur404 .contre-encart p {
	font-size: 0.83em;
	font-style: italic;
	font-weight: bold;
	color: #575757;
}
p.spip, p {
	font-size: .8em;
}
#erreur404 #contenu {
	background: url(images/404.gif) no-repeat 9.5em 9.5em;
}
#contenu .texte p, #contenu .texte ul li, #contenu .texte ol li {
	line-height: 1.4em;
	word-spacing: 0.15em;
}
#contenu .texte p {
	margin-bottom: 1em;
}

#contenu .texte ul, #contenu .texte ol{
	padding-left: 1em;
	margin: .8em 0em;
}
#contenu .texte ol{
	font-size: .8em;
}
#contenu .texte ol li{
	margin-left: 1.5em;
}
#contenu .texte ul li {
	background: url(images/triangle-droite.gif) no-repeat left .3em;
	list-style-image: none;
	list-style-type: none;
	font-size: .8em;
	padding-left: 1em;
}
#contenu .texte li {
	margin-bottom: .6em;
}

/* Pied de page */

#pied {
	font-size: .7em;
	text-align: right;
	color: #fff;
}

#pied .contact {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: .5em;
}
#pied .contact a {
	display: block;
	border-bottom: solid 1px #FFF;
	width: 7.25em;
/*	background: #0071b9 url(images/flecheb.gif) no-repeat 7px center;
*/}
#pied .contact a:hover {
	text-decoration: none;
	border-top: solid 1px #FFF;
	border-bottom: none;
}
#pied a{
	color: #FFFFFF;
	background: #0071b9;
}
#pied ul li{
	list-style-type: none;
}
/* Page contact */
#page_contact {
}
.formulaire_spip {
	text-align: left;
	background: transparent;
	margin: 1em 0em;
	padding: 1em 0em;
	width: 80%;
}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }
div.formulaire_inscription {
	background: #F5FBFC;
	border: 1px solid #83cde1;
	padding: 1em;
}
div.formulaire_inscription h4{
	font-size: 1.1em;
	margin-bottom: .5em;
	border-bottom: 2px solid #83cde1;
	font-weight: bold;
}

/* Reponse du formulaire */
.reponse_formulaire {
	font-weight: bold;
	color: #344688;
	font-size: 1.3em;
}
/* Previsualisation du message */
fieldset.previsu {
	background: #F5FBFC;
	border: 1px solid #83cde1;
	padding: 0.2em 1em;
	margin-bottom: .5em;
}
fieldset.previsu p.sujet{
	margin-bottom: .5em;
}
fieldset.previsu input{
	margin-top: .5em;
	margin-bottom: .5em;
}
fieldset.envoi_message{
	border: 1px solid #83cde1;
}
.texte_contact {
	color: #344688;
	background-color: #fff;
}


/* Plan du site */
#plan h2 {
	margin-bottom: .5em;
}
#plan h2 a {
	padding-left: 45px;
	background: url(images/puceplan.jpg) no-repeat left center;
}
#plan h2 a:hover {
	background: url(images/puceplanover.jpg) no-repeat left center;
}
#plan #contenu p {
	width: 10em;
	margin-right: 0.7em;
	float: left;
	font-size: .9em;
	font-weight: bold;
	padding: .5em .5em 100px;
}
#plan #contenu ul {
	list-style-type: none;
	font-size: .8em;
	width: 20em;
	float: left;
	margin-bottom: 2em;
}
#plan #contenu li {
	border-bottom: #FF0000 1px solid;
	display:block;
}
#plan #contenu li a{
	text-decoration: none;
	padding-left: 10px;
	display:block;
}
#plan #contenu li a:hover {
	padding-left: 0px;
	border-left: 10px solid #0071b9;
	font-weight: bold;
}
#plan div.secteur0 p, #plan div.secteur1 p, #plan div.secteur2 p{
	background: #0071b9 url(images/logo_secteur0.jpg) no-repeat center bottom;
	color: #fff;
}
#plan div.secteur3 p{
	background: #0071b9 url(images/logo_secteur3.jpg) no-repeat center bottom;
	color: #fff;
}
#plan div.secteur4 p{
	background: #0071b9 url(images/logo_secteur4.jpg) no-repeat center bottom;
	color: #fff;
}
#plan div.secteur5 p {
	background: #0071b9 url(images/logo_secteur5.jpg) no-repeat center bottom;
	color: #fff;
}
/* Recherche */
#page_recherche #contenu li {
	margin-left: 2em;
	margin-bottom: 1em;
	list-style-type: none;
	font-size: .75em;
}
#page_recherche #contenu li h4 {
	font-size: 1.2em;
	margin-left: -1.5em;
}
/* Portfolio */
#portfolio .encart a, #page_mot .encart a, #rubrique_references .encart a{
	color: #FFFFFF;
}
/*#portfolio #contenu ul, #page_mot #contenu ul, #rubrique_references #contenu ul{
	max-width: 26em;
}
*/#portfolio .encart span.on, #page_mot .encart span.on, #rubrique_references .encart span.on{
	color: #FFFF00;
}
#portfolio .references li img, #page_mot .references li img, #rubrique_references .references li img{
	margin: 5px;
	float: left;
}
/* hack IE*/
*html #portfolio .references li, *html #page_mot .references li, #rubrique_references .references li{
	height: 75px;
}
*html #portfolio #contenu ul, *html #page_mot #contenu ul, #rubrique_references #contenu ul {
	width: 26em;
}
#portfolio .references li, #page_mot .references li, #rubrique_references .references li{
	list-style-type: none;
	border: #0071b9 1px solid;
	margin-bottom: .5em;
	font-size: .8em;
	min-height: 75px;
}
#page_mot .references a, #page_mot .references li span, #rubrique_references .references li span, #rubrique_references .references a{
	font-weight: bold;
}

#page_mot li.rub_portfolio a,  #page_mot li.rub_portfolio , #rubrique_references li.rub_portfolio a, #rubrique_references li.rub_portfolio {
	font-weight: bold;
}
#page_ref .portfolio_vignette {
	border: solid 1px #CCCCCC;
	min-height: 70px;
	max-width: 26em;
	margin-top: 1em;
}
#page_ref #document_actif {
	border: solid 1px #CCCCCC;
	background: #f2f2f2;
	padding: 5px;
	max-width: 26em;
}
* html #page_ref #document_actif {
	width: 26em;
}
* html #page_ref .portfolio_vignette {
	height: 70px;
	width: 26em;
}

#page_ref .portfolio_vignette img {
	float: left;
	margin: 5px;
}
#page_ref .portfolio_vignette p.titre_image {
	font-weight: bold;
}
#page_ref .portfolio_vignette li {
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	display: inline;
	font-size: .8em;
	background: url(images/triangle-droite.gif) no-repeat left center;
}
#page_ref .portfolio_vignette ul {
	border-top: solid 1px #CCCCCC;
}