* {margin: 0; padding: 0; }

body {
background: #cccccc;
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
text-align: center;/*pour corriger le bug de centrage IE */
font-size: 100%; /* bug IE http://web.covertprestige.info/test/10-bug-unites-relatives-em-et-ie-1.html */
height: 100%;
}
#conteneur {
position:absolute;
margin-left:-380px;
left: 50%;
width: 760px;
background: #fff;
color: black;
margin-top: 5px;
border: 1px black solid;
text-align: left;
}

#bandeau {
height:95px;
}
h1 {
text-indent: -9000px;
font-size: 1px;
}
#logo {
float: left;
margin: 10px 0 0 20px;
height: 78px;
width: 302px;
}
#recherche {
float: right;
margin: 45px 25px 0 0 ;
}


#page{
margin: 0 20px;
}

#menu {
text-align:right;
list-style-type: none;
padding: 0 10px 0 0;
font-size: .9em;
font-weight: bold;
background: #006699 url(design/background-hr.gif) 0 0 repeat;
line-height: 21px;
height: 21px;
color: white;
}
 #menu li {
 display: inline;
 }
 #menu a {
 text-decoration: none;
 color: white;
 }
 #menu a:hover {
 color: white;
 background-color: #B7E027 ;
 }



/* Colonne principale
-------------------------------------------------------- */
#texte {
font-size: 0.8em;
background-color: white;
color: black;
}


#texte h1 {
font-size: 1.2em;
letter-spacing:0.03em;
color: #de3a41;
padding: .4em 0 .1em 25px;
margin: .8em 130px .6em 0;
font-weight: bold;
background: transparent url(design/logo-titre-h1.gif) no-repeat  0 0;
/*font-family: Times, "Times New Roman", "Nimbus Roman No9 L", serif;*/
}
#texte a{
color: black;
text-decoration: underline;
}
#texte a:hover{
text-decoration: none;	
}
#texte h2,#texte h2 a {
color: #96BA1B;
padding: 0;
margin:  .5em 0 0 0;
font-size: 1.1em;
font-weight: bold;
}
#texte p {
margin: 1em 0 1em 0;
}

/* pied de page
-------------------------------------------------------- */
#pied_page {
clear: both;
text-align: center;
font-size: 0.7em;
font-style : italic;
background: #006699 url(design/background-hr.gif) 0 0 repeat;
color: black;
margin-bottom: 5px;
margin-top: 10px;
height: 21px;
line-height: 21px;
}
#pied_page a{
list-style-type: none;
color: black;
}
#pied_page a:hover, #pied_page a:focus {
color: black;
text-decoration: none;
}
#pied_page li{
display: inline;
}


a img {border: none;}

/* tableau page principal
-------------------------------------------------------- */
#rubrique_accueil {
margin: 30px 0 5px 0;
background: #F9FCFF url(design/haut-grand-cadre.gif) 0 0 no-repeat;
width: 724px;
padding-top: 11px;
}
	
#rubrique_accueil  table {
border-left: 1px solid #CCCCCC;
background: transparent url(design/droit-grand-cadre.gif) top right repeat-y;
width: 100%;
list-style-type: none;
font-size: 1.1em;
}
#rubrique_accueil td{
padding: 0 40px 0 40px;
}

#rubrique_accueil td{
width: 50%;
}
#rubrique_accueil a{
background: transparent url(design/mini-logo.gif) no-repeat  0 0;
padding: 0 0 0 20px;
}
#rubrique_accueil ul{
margin: 0 0 0 20px;
padding: 0 0;
}
#rubrique_accueil ul a{
margin: 0 20px 0 0;
padding: 0 0;
color: #96BA1B;
background: none;
}
#rubrique_accueil li{
display: inline;
font-size: .8em;
font-weight : normal;
}
#rubrique_accueil_2 {
background: #F9FCFF url(design/bas-grand-cadre.gif) top right repeat-y;
height: 13px;
}




#coup_pouce {
width: 395px;
float: left;
background-color: #F9FCFF;
}
#coup_pouce_haut {
background: transparent url(design/haut-moyen-cadre.gif) 0 16px  no-repeat;
height: 11px;
padding-bottom: 11px;
}
#coup_pouce_milieu {
background: transparent url(design/moyen-cadre.gif) 0 0 repeat-y;
padding: 10px 5px 5px 2px;
overflow: hidden;
}
#coup_pouce_bas {
background: transparent url(design/bas-moyen-cadre.gif) top left no-repeat;
height: 11px;
}



#plus {
width: 316px;
float: right;
background-color: #F9FCFF;
}
#plus_haut {
background: transparent url(design/haut-petit-cadre.gif) 0 16px  no-repeat;
height: 11px;
padding-bottom: 11px;
}
#plus_milieu {
background: transparent url(design/petit-cadre.gif) 0 0 repeat-y;
padding: 10px 3px 5px 4px;
overflow: hidden;
}
#plus_bas {
background: transparent url(design/bas-petit-cadre.gif) top left no-repeat;
height: 11px;
}


#coup_pouce h2, #plus h2 {
background: #006699 url(design/background-hr.gif) 0 0 repeat;
color: white;
height: 21px;
line-height: 21px;
text-align: right;
padding: 0 10px 0 0px;
font-size: 1.2em;
}
#coup_pouce h3, #plus h3 {
color: #96BA1B;
margin: 5px 5px 5px 3px;
font-size: 1.1em;
}
#coup_pouce h3 a, #plus h3 a {
color: #96BA1B;
}
#coup_pouce img {
float: left;
display: block;
margin: 3px 5px;
}
#coup_pouce p, #plus p {
margin: 0 5px 5px 5px;
}



/* page rubrique
-------------------------------------------------------- */
.cadre_site {
overflow:auto;
width: 99%;    /*indiquer la largeur pour IE, et 100% trop grand! */
}
.cadre_site img {
float: left;
display: block;
border: 1px solid black;
margin: 15px 15px 15px 0;
}
.cadre_site p {
padding-left:  135px;
}
.cadre_site a {
font-size: .9em;
}



/* formulaire
-------------------------------------------------------- */
#formulaire, #form_site {
width: 100%;
margin: 0 auto;
color:#121212;

}

#formulaire fieldset, #form_site fieldset {
padding:2em 0.5em 1em 0.5em;
}

#formulaire legend, #form_site legend{
font-style:italic;
padding: 0 .5em;
}

#formulaire label, #form_site label{
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 200px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;	/*** ... et ils sont alignés à droite... ***/
margin: 0.4em .5em 0.4em 0;
}

form .obligatoire {
font-weight: bold;
}

#formulaire input, #formulaire select, #form_site input, #form_site select{
margin-left:0.5em;
margin-right:1em;
margin-top:0.4em;
margin-bottom:0.4em;
width:auto;
text-align: left;
}

#formulaire textarea, #form_site textarea{
height:150px;
margin : 5px ;
width: 400px;
}

#ajouter, #annuler{
text-align: center;
 }

#formulaire p, #form_site p {
margin:0;
padding:0;
}