/* copyright : Gravelet-multimédia, Alain Gravelet */
/* Tous droits réservés */
/* http://www.gravelet-multimedia.com */
/* info@gravelet-multimedia.com */

body{
background-color:#ffffff;
color:#000000;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-size:0.8em ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
* { /* tous les elements du site */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

q{
font-size:100%;
font-style: italic ; 
}
.italic{
font-style: italic ; 
font-size:100%;
}
.gras{
font-weight: bold;
}
.gras_italic{
font-weight: bold;
font-style: italic ; 
}
.petit {
font-size:0.8em;
}
.invisible {
visibility: hidden;
}
.horschamps {
display:none;
}
.spacer {
clear: both;
}
.image_gauche {
padding: 2px 6px 0px 0px;
float:left;
}
.gauche {
float:left;
width:50%;
}
.image_a_gauche {
float:left;
}
.image_a_droite {
float:right;
}
.rouge {
color:#73323C;
font-weight: bold;
}
.spip_surligne {
color:#000000;
background-color: #F5FAF0;
border: 1px solid #73323C;
}

a[hreflang]:after {
content: " [" attr(hreflang) "]";
}

img {
border:none;
}

/* boites */ /* boites */ /* boites */ /* boites */ /* boites */

.centrage { /* centrage generale */
text-align: center;
}
.contenu { /* tout le site */
margin-left: auto;
margin-right: auto;
padding-left:10px;
width: 780px;
background-image:  url(images/ecrd_ombre_cote.gif);
background-repeat: repeat-y;
}

.logo {
width: 760px;
height:70px;
float:left;
}

.haut_form {
float:left;
width: 760px;
border-bottom : 2px solid #E68200;
}
.tier {
min-height:40px;
float:left;
}
* html .tier  {
height:40px;
}
.tier1 {
width: 340px;
}
.tier2 {
width: 195px;
text-transform: lowercase ;
}
.tier3 {
width: 225px;
}
.tier form {
padding: 10px 0px 10px 0px;
text-align :center;
}
.tier label {
color: #4B6E73;
font-weight: bold;
font-size:0.9em ;
}
.tier select {
padding: 0px 0px 0px 0px;
color: #73323C;
font-size:0.9em ;
border : 1px solid #4B6E73;
}
.tier option {
padding: 0px 2px 0px 0px;
}
.tier input {
padding: 0px 2px 0px 2px;
border : 1px solid #4B6E73;
color: #4B6E73;
font-weight: bold;
font-size:0.9em ;
background-color: #FFFFFF;
cursor: pointer;
}
.tier input:hover {
text-decoration: underline ;
}
.tier input:focus {
text-decoration: underline ;
}
.contour input{
padding: 1px 2px 1px 2px;
border : 1px solid #4B6E73;
font-weight: normal;
color: #73323C;
}
.contour input:hover {
text-decoration: none ;
}
.contour input:focus {
text-decoration: none ;
}

.menu_haut {
margin: -14px 0px 20px 0px;
width: 760px;
min-height:28px;
float:left;
}
* html .menu_haut { /* que IE*/
margin: -2px 0px 20px 0px;
padding: 4px 0px 0px 0px;
height:28px;
}
*+html .menu_haut {/* que IE7*/
margin: 0px 0px 20px 0px;
padding: 3px 0px 8px 0px;
}
.menu_haut ul {
margin: 0px 10px 0px 0px;
}
.menu_haut ul li{
display: inline;
}
.menu_haut a{
padding: 3px 5px 7px 5px;
font-size:1em ;
font-weight:normal;
text-decoration: none ;
}
.menu_haut a:hover {
color: #FFFFFF;
text-decoration:underline;
background-color:#E68200;
background-image:  url(images/ecrd_menu_fond.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.menu_haut a:focus {
color: #FFFFFF;
text-decoration:underline;
background-color:#E68200;
background-image:  url(images/ecrd_menu_fond.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.menu_haut_lien {
color: #4B6E73;
}
.menu_haut_lienon {
color: #FFFFFF;
background-color:#E68200;
background-image:  url(images/ecrd_menu_fond.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.milieu {
width: 100%;
height:100%;
float:left;
text-align:left;
background-image:  url(images/ecrd_menu_bord.gif);
background-repeat: repeat-y;
}

.menu_gauche_titre {
width: 200px;
background-color: #E68200;
background-image:  url(images/ecrd_menu.gif);
background-repeat: no-repeat;
}
.menu_gauche {
width: 200px;
float:left;
}
.menu_gauche h3{
padding: 5px 10px 7px 0px;
font-size:1.1em ;
font-weight: bold;
text-align:center;
color: #FFFFFF;
}
.menu_gauche ul{
margin: 13px 15px 20px 30px;
list-style-type: none;
}
* html .menu_gauche ul {
margin: 25px 15px 13px 20px;
}
.menu_gauche a{
padding: 7px 7px 7px 0px;
font-size:1em ;
font-weight:normal;
text-decoration: none ;
display: block;
border-bottom : 1px dashed #272727;
}
/* Que pour IE, sauf IE Mac grace à ce commentaire\*/
* html .menu_gauche a  {
padding: 0px 7px 7px 0px;
margin: -16px 0px 0px 0px;
}
/* */
*+html .menu_gauche a{
padding: 0px 7px 0px 0px;
}

.menu_gauche a:hover {
color: #73323C;
text-decoration:underline;
list-style-image:  url(images/ecrd_menu_fleche_ie.gif);/* ligne ne servant que pour ie */ 
background-color: #F5FAF0;
}
.menu_gauche a:focus {
color: #73323C;
text-decoration:underline;
list-style-image:  url(images/ecrd_menu_fleche_ie.gif);/* ligne ne servant que pour ie */ 
background-color: #F5FAF0;
}
.menu_gauche_lien {
color: #272727;
list-style-image:  url(images/ecrd_menu_fleche_no.gif);/* ligne ne servant que pour ie */ 
}
.menu_gauche_lienon {
color: #73323C;
list-style-image:  url(images/ecrd_menu_fleche_ie.gif);/* ligne ne servant que pour ie */ 
background-color: #F5FAF0;
}

li.flecheon {
list-style-image:  url(images/ecrd_menu_fleche_ie.gif);/* ligne ne servant pas pour ie */ 
}
li.fleche:hover {
list-style-image:  url(images/ecrd_menu_fleche_ie.gif);/* ligne ne servant pas pour ie */ 
}
li.fleche:focus {
list-style-image:  url(images/ecrd_menu_fleche_ie.gif);/* ligne ne servant pas pour ie */ 
}

.sponsors {
margin: 40px 0px 0px -20px;
}
* html .sponsors { /* que IE*/
margin: 40px 0px 0px -10px;
}
.sponsors a{
border:none;
list-style-image:  none;
}
.sponsors a:hover{
border:none;
list-style-image:  none;
background-color: #FFFFFF;
}
.sponsors a:focus{
border:none;
list-style-image:  none;
background-color: #FFFFFF;
}

.plus_haut {
margin: 20px 0px 0px 0px;
}

.droit {
float:left;
margin: 0px 20px 0px 20px;
width: 520px;
}
* html .droit { /* que IE*/
float:right;
margin: 0px 35px 0px 0px;
/* suite que pour IE 6*/
voice-family: "\"}\"";     
voice-family:inherit;
margin: 0px 20px 0px 20px;
}

.resume {
margin: 20px 0px 0px 0px;
width: 520px;
float:left;
}
.resume h2 {
padding: 0px 0px 10px 50px;
font-weight: bold;
color: #4B6E73;
font-size:1.3em ;
text-align:left;
line-height: 1.3em;
background-image:  url(images/ecrd_titre_fleche.gif);
background-repeat: no-repeat;
background-position: 20px 5px;
}
.resume p {
padding: 10px 20px 20px 20px;
font-family:Times,Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #73323C;
font-size:1.5em ;
line-height: 1.5em;
text-align:left;
background-color: #F5FAF0;
border-top : 1px dashed #73323C;
}

.texte_site {
width: 520px;
float:left;
}
/* Que IE Mac grace à ce commentaire \*//*/
.texte {
float:right;
}
/**/
.texte_site h2 {
margin: 0px 0px 10px 0px;
padding: 20px 20px 10px 40px;
font-weight: bold;
color: #4B6E73;
font-size:1.1em ;
text-align:left;
line-height: 1.5em;
background-image:  url(images/ecrd_titre2_fleche.gif);
background-repeat: no-repeat;
background-position: 20px 27px;
border-top : 1px solid #73323C;
border-bottom : 1px dashed #73323C;
}
.texte_site h3 {
padding: 0px 20px 0px 20px;
color: #4B6E73;
font-weight: bold;
font-size:1.1em ;
text-align:left;
line-height: 1.3em;
}
.texte_site p {
padding: 0px 20px 10px 20px;
font-family:Times,Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #272727;
font-size:1.3em ;
line-height: 1.3em;
text-align:justify;
}

.texte_site ol{
padding: 0px 20px 10px 50px;
}
.texte_site ol ol, .texte_site ol ol ol{
padding: 0px 20px 10px 20px;
}
.texte_site ul{
padding: 0px 20px 10px 35px;
list-style-position: outside; 
list-style-type: square ;
}
.texte_site ul ul, .texte_site ul ul ul{
padding: 0px 20px 10px 20px;
}
.sans_puce ul{
padding: 0px 20px 10px 20px;
list-style-type: none ;
}
.texte_site li{
font-family:Times,Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #272727;
font-size:1.3em ;
text-align:justify;
}
.texte_site li li, .texte_site li li li{
font-family:Times,Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #272727;
font-size:1em ;
text-align:justify;
}
.texte_site dl{
padding: 0px 20px 10px 20px;
}
.texte_site dt{
font-family:Times,Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #272727;
font-weight:bold;
font-size:1.2em ;
text-align:left;
float:left;
display:list-item;
list-style-position: outside; 
list-style-type: square ;
}
.texte_site dd{
font-family:Times,Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #272727;
font-size:1.2em ;
text-align:left;
}
.plan li{
color: #73323C;
}

.texte_site a{
color: #272727;
text-decoration: underline;
}
.texte_site a:hover{
text-decoration: none;
}
.texte_site a:focus{
text-decoration: none;
}

.texte_site img{
border:1px solid #272727;
}

.texte_site table {
margin: 5px 20px 10px 20px;
border-top: 1px solid #272727;
border-left: 1px solid #272727;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #272727;
width: 480px;
font-size:1em ;
text-align:left;
}
.texte_site table ul{
padding: 2px 0px 0px 15px;
}
.texte_site table li{
padding: 2px 0px 0px 0px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-weight: bold;
font-size:1em ;
text-align:left;
}
.texte_site th {
padding: 10px 5px 5px 8px;
border-bottom: 1px solid #272727;
border-right: 1px solid #272727;
text-align: left;
font-weight: bold;
vertical-align: text-top; 
}
.tableau_th_col_gauche {
background-color: #4B6E73;
color:#FFFFFF;
background-image:  url(images/fond_tableau.gif);
background-repeat: repeat-x;
}
.tableau_th_col_droite {
color:#000000;
background-color: #F5FAF0;
background-image:  url(images/fond_tableau.gif);
background-repeat: repeat-x;
}
.tableau_taille_col_gauche {
width:15%;
}
.texte_site td {
padding: 6px 8px 6px 8px;
border-bottom: 1px solid #272727;
border-right: 1px solid #272727;
vertical-align: text-top; 
}
.tableau_td_col_droite {
text-align:justify;
}
.texte_site caption{
display:none;
}

.texte_site  form {
margin: 0px 20px 10px 20px;
font-size:1em ;
width:380px;
}
*+html .texte_site  form{
width:90%;
}
.texte_site  fieldset {
margin: 0px 0px 10px 0px;
padding:10px 5px 5px 5px;
border: 1px solid #272727;
}
.texte_site  legend {
padding:0px 5px 0px 5px;
color: #4B6E73;
font-weight: bold;
}
.texte_site  input {
padding:2px 2px 2px 2px;
border: 1px solid #272727;
background-color:#FFFFFF;
}
.texte_site  textarea{
padding:2px 2px 2px 2px;
border: 1px solid #272727;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #272727;
font-size:1em ;
background-color:#FFFFFF;
}
* html .border_radio input  {
margin: 0px 0px 2px 0px;
border: 1px solid #272727;
}

.texte_submit {
cursor: pointer;
}
* html .texte_submit  {
margin: 0px 0px 0px -20px;
}
.form_gauche {
margin:15px 10px 0px 0px;
float:left;
width:160px;
}
.form_droit {
margin:15px 0px 0px 0px;
float:left;
width:180px;
}
.form_droit_grand {
margin:5px 0px 0px 0px;
width:440px;
}
.form_tout {
padding:0px 0px 0px 150px;
float:left;
width:310px;
}

.haut {
margin: 20px 0px 0px 0px;
padding: 10px 0px 6px 0px;
width: 520px;
float:right;
text-align:right;
border-bottom : 1px solid #73323C;
}
.haut a{
padding: 0px 20px 0px 15px;
color: #73323C;
font-size:1em ;
text-decoration: none ;
background-image:  url(images/ecrd_haut_page.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
.haut a:hover{
text-decoration: underline ;
}
.haut a:focus{
text-decoration: underline ;
}
.haut_logo {
padding: 6px 0px 20px 0px;
width: 500px;
float:left;
text-align:right;
}
.haut_logo img{
border:none;
}

.pied {
margin: -15px 0px 0px 0px;
padding: 10px 30px 10px 30px;
width: 700px;
background-color: #4B6E73;
}
/* voir hack en bas de page */
.pied li{
display:inline;
color:#FFFFFF;
text-align:center;
font-size:0.85em ;
}
.pied a{
color:#FFFFFF;
text-decoration: underline ;
}
.pied a:hover{
color:#FFFFFF;
text-decoration: none ;
}
.pied a:focus{
color:#FFFFFF;
text-decoration: none ;
}

.ombre_bas {
margin: 0px 0px 0px -10px;
width: 780px;
height:16px;
background-image: url(images/ecrd_ombre_bas.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
}

/* Que pour IE, sauf IE Mac grace à ce commentaire\*/
* html .pied {
width: 760px;
margin: -20px 50px 0px 0px;
voice-family: "\"}\"";     
voice-family:inherit;
width: 700px;
margin: -40px 20px 0px 0px;
}
/* */
*+html .pied{
margin: -15px 20px 0px 0px;
width: 700px;
}
* html .ombre_bas {
margin: 0px 0px 0px -50px;
voice-family: "\"}\"";     
voice-family:inherit;
margin: 0px 0px 0px -20px;
}
*+html .ombre_bas{
margin: 0px 0px 0px -20px;
}