@charset "utf-8";
*{ font-family: Verdana, Sans-Serif; font-size: 13px; }

/* 890 550 340 210 130 80 50 31 19 12 7 4 /* dimensions relatives au nombre d'or

0 77 compatibilité des polices
11 85
12 93 (was 93)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197



/************************ CODING ************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
ul, li { list-style: none; }

a { font-family: Verdana, Sans-Serif; color: #767795; text-decoration: underline; }
a:hover, a:focus, a:active { color: #fff; text-decoration: none; }
a { outline: none !important }
a.accueil:hover, a.accueil:focus, a.accueil:active { text-decoration: none; }
img { border: 0; }

.spip_documents img { border: 0; padding: 20px 0 0; }
.spip_documents_center { margin: auto; text-align: center; width: 80%; }
.spip_documents_left { float: left; margin-right: 20px; text-align: center; }
.spip_documents_right { float: right; margin-left: 20px; text-align: center; }

.spip_doc_titre strong { font-size: 85%; line-height: 0.8em; letter-spacing: -1px; color: #e2c563; }
.spip_doc_descriptif { display: inline; font-size: 93%; color: #a6a6a6; margin-bottom: 10px; }

h3.spip { line-height: normal; }
h2 { line-height: normal; font-weight: normal; letter-spacing: -1px; } 

.nettoyage { clear: both; }


/************************ GENERALITE ************************/

body { height: 100%; text-align: center; background: #c0c0d8 url(images/drapeaux.jpg) top center no-repeat; background-attachment: fixed; }
				
#page { background: url(images/background.jpg) top center no-repeat; width: 914px; margin: 145px auto 0; padding-bottom: 44px; text-align: left; color: #fff; }

#title { margin-left: 247px; padding-top: 50px; }

#chapeau { margin: 25px 144px 0 310px; padding: 0px; }
#chapeau h2 { font-size: 122%; line-height: 1.4; margin-bottom: 13px; text-align: justify; }
.jaune h2 { color: #ffff00; }


/************************ HEADER ************************/
#lang2 { position: relative; float: right; display: inline; margin-right: -30px; margin-top: 11px; z-index:7; }
#lang2 a { color: #c0c0d8; display: block; text-align: right; margin-top: 2px; }
#lang2 img.spip_logos { position: absolute; right: 50px; }

#nom_site_spip { position: absolute; left: -5000px; top: -5000px; text-indent: -5000px;}
img.spip_logos { position: absolute; margin-left: 43px; margin-top: 0; }


/************ MENU PRINCIPAL **************/
#menu_principal { position: absolute; top: 154px; margin-left: 174px; width: 698px; }

.kwicks { position: relative; margin: 0; padding:0; list-style-type: none; list-style-position: outside; }
.kwicks li { display: block; overflow: hidden; float: left; width: 174px; height: 22px; background-image: url(./images/kwicks_sprite.png); background-repeat: no-repeat; margin-right: 0; padding: 0; cursor: pointer; }
.kwicks a { display: block; height: 22px; text-indent: -9999px; outline: none; }

#kwick1 { background-position: 0px 0px; }
#kwick2 { background-position: -174px 0px; }
#kwick3 { background-position: -348px 0px; }
#kwick4 { background-position: -522px 0px; }

#kwick1.active, #kwick1:hover { background-position: 0 bottom; }
#kwick2.active, #kwick2:hover { background-position: -174px bottom; }
#kwick3.active, #kwick3:hover { background-position: -348px bottom; }
#kwick4.active, #kwick4:hover { background-position: -522px bottom; }


/************************ CONTENT ************************/
#content { background: #373189 url(images/trait.jpg) top left repeat-y; margin: 90px 0 0 43px; padding: 0; width: 828px; }

#left { float: left; display: inline; margin-top: 244px; }


/**************** PAGE AGENDA FORMULAIRE **********/
#formulaire_contact { padding: 0 0 88px; }

#formulaire_contact h1 { text-align: center; margin-top: 13px; font-size: 1.4em; font-variant: normal; font-weight: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 0px; color: #ff7fc3; }
#formulaire_contact form { width: 550px; margin-left: 176px; }
#formulaire_contact fieldset { margin-top: 19px; border: 1px solid #8f90c8; }
#formulaire_contact fieldset legend { color: #8f90c8; }

#formulaire_contact li { margin-top: 13px; }
#formulaire_contact label { float: left; clear: both; margin-top: 4px; margin-left: 33px; width: 180px; color: #eff3f6; }
#formulaire_contact strong { font-size: 0.9em; color: #185b64; visibility: hidden; }
#formulaire_contact input { float: right; margin-top: 4px; margin-right: 33px; width: 206px; border: 0; }

#formulaire_contact input#info_prenom.text { background: #fff url(images/fd_input_submit.png) bottom center no-repeat; }
#formulaire_contact input#info_nom.text { background: #fff url(images/fd_input_submit.png) bottom center no-repeat; }
#formulaire_contact input#mail.text { background: #fff url(images/fd_input_submit.png) bottom center no-repeat; }
#formulaire_contact input#info_sujet.text { background: #fff url(images/fd_input_submit.png) bottom center no-repeat; }

#formulaire_contact input#info_organisation.text { background: #fff url(images/fd_input_submit2.png) bottom center no-repeat; }
#formulaire_contact input#info_telephone.text { background: #fff url(images/fd_input_submit2.png) bottom center no-repeat; }
#formulaire_contact input#info_portable.text { background: #fff url(images/fd_input_submit2.png) bottom center no-repeat; }
#formulaire_contact input#info_adresse.text { background: #fff url(images/fd_input_submit2.png) bottom center no-repeat; }
#formulaire_contact input#info_code_postal { background: #fff url(images/fd_input_submit2.png) bottom center no-repeat; }
#formulaire_contact input#info_ville.text { background: #fff url(images/fd_input_submit2.png) bottom center no-repeat; }

#formulaire_contact textarea { float: right; margin: 5px 33px 22px 0; width: 333px; height: 206px; border: 0; }
#formulaire_contact textarea#contact_texte { background: #fff url(images/fd_textarea.png) top center no-repeat; }

#formulaire_contact p.boutons { margin: 5px; }
#formulaire_contact input.submit { background: #9091ca url(images/commander-off.png) top center no-repeat; height: 25px; padding: 0 5px; border: 0; font-size: 1.1em; color: #ffee01; font-weight: bold; }
#formulaire_contact input.submit:hover { background: #282975 url(images/commander-on.png) top center no-repeat; }
#formulaire_contact span.erreur_message { float: left; clear: both; margin-top: 4px; margin-left: 33px; width: width: 180px; color: #8f90c8; }
#formulaire_contact .reponse_formulaire { color: white; margin-top: 20px; text-align: center; font-weight: normal; font-size: 1.2em; }

#formulaire_contact input#infolettre.checkbox { float: right; margin-top: 10px; width: 20px; height: 15px; }
#formulaire_contact .choix label { width: 378px; padding: 4px; margin-left: 4px; color: #ff7fc3; }

#formulaire_contact fieldset.previsu li { float: left; padding: 0; border: 0; color: #fff;  }
#formulaire_contact fieldset.previsu input.submit { margin-top: 20px; }


/************************ FOOTER ************************/
#footer { background: #373189 url(images/trait.jpg) top left repeat-y; margin-left: 43px; width: 828px; color: #ADADAD; }

#boutique { background: url(./images/arrow.jpg) top center no-repeat; height: 97px;  }
html>body #boutique { height: auto; min-height: 97px; }
.rollover { position: relative; margin: 0; padding:0; list-style-type: none; list-style-position: outside; }
ul.rollover { margin-left: 289px; }
.rollover li { display: block; overflow: hidden; float: left; width: 250px; height: 32px; background-image: url(./images/commander-oligo-elements.png); background-repeat: no-repeat; margin-top: 22px; padding: 0; cursor: pointer; }
.rollover a { display: block; height: 22px; text-indent: -9999px; outline: none; }
#rollover 1 { background-position: 0px 0px; }
#rollover1.active, #rollover1:hover { background-position: 0 bottom; }

#footer p { clear: both; margin: 0; padding: 10px 0; text-align: center; font-size: 93%; color: #fff; }