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

body{
background-color:#ececec;
color:#272727;
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 {
margin:-10000px;
position:absolute;
}
.spacer {
clear: both;
}
.image_gauche {
padding: 2px 6px 0px 0px;
float:left;
}
.image_droite {
padding: 2px 0px 0px 6px;
float:right;
}
.rouge {
color:red;
font-weight: bold;
}
.spip_surligne {
padding: 0px 2px 0px 2px;
color:#000000;
background-color: #f1f3f7;
border: 1px solid #98a8d3;
}

a{
text-decoration:underline;
}
a[hreflang]:after {
content: " [" attr(hreflang) "]";
}

img {
border:none;
}

/* pour menu dépliant */ /* pour menu dépliant */ /* pour menu dépliant */

.affiche{
visibility:visible;
}
.cache{
display:none;
}

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

.centrage {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
min-height:400px;
max-width: 950px;
min-width: 760px;
}
.contenu {
width: auto;
background-color:#fbfbfb;
}

/* haut */ /* haut */ /* haut */ /* haut */ /* haut */ /* haut */ 

.haut {
height:105px;
background-image:  url(images/haut_fond.jpg);
background-repeat: repeat-x;
}
.haut_logo {
height:105px;
float:left;
}
.haut_message {
height:105px;
float:right;
}

/* haut form */ /* haut form */ /* haut form */ /* haut form */ 

.haut_form {
padding: 0px 0px 50px 0px;
min-height:40px;
}
* html .haut_form  {
height:40px;
}
.tier {
float:right;
width: 77%;
background-image:  url(images/haut_form_filet.jpg);
background-repeat: repeat-x;
background-position: right bottom;
}
.tier_zone {
padding: 0px 20px 0px 10px;
float:left;
}
.tier form {
padding: 10px 0px 15px 0px;
text-align :center;
}
.tier label {
color: #1d3254;
font-weight: normal;
font-size:1em ;
}
.tier select {
padding: 0px 0px 0px 0px;
color: #000000;
font-size:1em ;
background-color: #a2ccf2;
border : 1px solid #1d3254;
}
* html .tier select  {
font-size:0.9em ;
}
.tier option {
padding: 0px 2px 0px 0px;
}
.tier input {
border : 1px solid #1d3254;
color: #000000;
font-weight: normal;
font-size:1em ;
background-color: #a2ccf2;
cursor: pointer;
}
* html .tier input  {
font-size:0.9em ;
}
*+html .tier input  {
margin: -1px 0px 0px 0px;
}
.tier input:hover {
text-decoration: underline ;
}
.contour input{
padding: 1px 2px 1px 2px;
border : 1px solid #1d3254;
font-weight: normal;
color: #000000;
}
.contour input:hover {
text-decoration: none ;
}

.ariane {
width: 77%;
float:right;
font-size:0.85em ;
color:#272727;
}
.ariane ul{
padding: 0px 0px 0px 10px;
text-align:left;
}
.ariane ul li{
display: inline;
}
.ariane a{
color:#272727;
text-decoration:underline;
}
.ariane a:hover{
text-decoration:overline;
}
.ariane a:focus{
text-decoration:overline;
}
.ariane a:active{
text-decoration:overline;
}

/* centre */ /* centre */ /* centre */ /* centre */ /* centre */ 

.centre {
background-image:  url(images/centre_fond_menu.jpg);
background-repeat: repeat-y;
background-position: left top;
}
* html .centre  {
padding: 0px 0px 30px 0px;
}

/* menu */ /* menu */ /* menu */ /* menu */ /* menu */ /* menu */ 

.menu {
width: 21%;
float:left;
background-image:  url(images/centre_fond_menu.jpg);
background-repeat: repeat-y;
background-position: left top;
}

.menu_image_haut {
width: 100%;
height:6px;
background-image:  url(images/menu_haut.jpg);
background-repeat: no-repeat;
background-position: left top;
}
* html .menu_image_haut  {
margin: 0px 0px 6px 0px;
}

.menu ul{
margin: 0px 8px 0px 0px;
list-style-type: none;
}
.menu ul ul{
margin: 0px 0px 0px 15px;
list-style-type: none;
}
* html .menu  ul ul  {
margin: 16px 0px 0px 15px;
}
.menu a{
padding: 5px 5px 5px 10px;
text-align:left;
text-decoration: none ;
display: block;
border-bottom : 1px dashed #60050B;
font-size:0.85em;
}
* html .menu a  {
margin: -16px 0px 0px 0px;
}
.menu a:hover {
text-decoration:underline;
}
.menu a:focus {
text-decoration:underline;
}
.menu a:active {
text-decoration:underline;
}
.menu_lien {
color: #000000;
}
.menu_lienon {
color: #000000;
}
.menu_lien_rub {
color: #000000;
background-color: #d6bfd5;
}
.menu_lien_rubon {
color: #000000;
background-color: #d6bfd5;
}

/* texte */ /* texte */ /* texte */ /* texte */ /* texte */ /* texte */ 

.texte_site {
width: 59%;
float:left;
background-color:#fbfbfb;
}

.texte_site h2{
margin: -3px 0px 0px 30px;
padding: 0px 40px 0px 20px;
text-align:left;
color: #1d3254;
font-size:1.3em;
background-image:  url(images/texte_site_h2.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
}
* html .texte_site h2  {
margin: 2px 0px 10px 30px;
}
.texte_site h3{
margin: 10px 40px 0px 30px;
padding: 0px 0px 0px 0px;
text-align:left;
color: #60050B;
font-size:1.1em;
border-bottom : 1px solid #60050B;
}
.texte_site h4{
margin: 5px 0px 3px 30px;
padding: 0px 40px 0px 0px;
text-align:left;
color: #272727;
font-size:1em;
}
.texte_site p{
padding: 0px 40px 10px 30px;
text-align:justify;
}
.texte_site a{
color: #1d3254;
text-decoration:underline;
}
.texte_site a:hover{
text-decoration:overline;
}
.texte_site a:focus{
text-decoration:overline;
}
.texte_site a:active{
text-decoration:overline;
}

.texte_site ol{
padding: 0px 20px 10px 50px;
}
.texte_site ol ol, .texte_site ol ol ol{
padding: 0px 20px 0px 20px;
}
.texte_site ul{
padding: 0px 40px 10px 45px;
list-style-position: outside; 
list-style-type: square ;
}
.texte_site ul ul, .texte_site ul ul ul{
padding: 0px 20px 0px 15px;
}
.texte_site li{
color: #272727;
font-size:1em ;
text-align:left;
}
.texte_site li li, .texte_site li li li{
color: #272727;
font-size:1em ;
text-align:left;
}
.texte_site dl{
padding: 0px 40px 10px 45px;
}
.texte_site dt{
color: #272727;
font-weight:bold;
font-size:1em ;
text-align:left;
float:left;
display:list-item;
list-style-position: outside; 
list-style-type: square ;
}
.texte_site dd{
color: #272727;
font-size:1em ;
text-align:left;
}

.plan li{
color: #1d3254;
font-size:1em ;
text-align:left;
}
.plan li li {
color: #60050B;
font-size:1em ;
text-align:left;
}
.plan li li li {
color: #1d3254;
font-size:1em ;
text-align:left;
}
.plan li a, .plan li li a, .plan li li li a{
color: #1d3254;
}
.plan  a{
text-decoration:none;
}
.plan  a:hover{
text-decoration:underline;
}
.plan  a:focus{
text-decoration:underline;
}
.plan  a:active{
text-decoration:underline;
}

.texte_site table {
margin: 0px 40px 10px 30px;
border-top: 1px solid #1d3254;
border-left: 1px solid #1d3254;
color: #272727;
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-size:0.9em ;
text-align:left;
}
.texte_site th {
padding: 6px 8px 6px 8px;
border-bottom: 1px solid #1d3254;
border-right: 1px solid #1d3254;
text-align: left;
font-weight: bold;
vertical-align: text-top; 
background-color: #f1f3f7;
}
.texte_site td {
padding: 6px 8px 6px 8px;
border-bottom: 1px solid #1d3254;
border-right: 1px solid #1d3254;
vertical-align: text-top; 
}
.texte_site caption{
display:none;
}

.texte_site  form {
margin: 0px 40px 10px 30px;
font-size:1em ;
width:450px;
float:left;
}
* html ..texte_site  form {
margin: 0px 40px 20px 15px;
}
.texte_site  fieldset {
margin: 0px 0px 10px 0px;
padding:10px 5px 5px 5px;
border: 1px solid #1d3254;
}
.texte_site  legend {
padding:0px 5px 0px 5px;
color: #272727;
font-weight: bold;
}
.texte_site  input {
padding:2px 2px 2px 2px;
border: 1px solid #1d3254;
background-color:#ffffff;
}
.texte_site  select {
padding:2px 2px 2px 0px;
width:80%;
border: 1px solid #1d3254;
background-color:#ffffff;
}
.texte_site  textarea{
padding:2px 2px 2px 2px;
border: 1px solid #1d3254;
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 #1d3254;
}

.form_gauche {
margin:15px 10px 0px 0px;
float:left;
width:120px;
text-align:right;
font-weight:bold;
}
.form_droit {
margin:15px 0px 0px 0px;
float:left;
width:250px;
text-align:left;
}

.texte_submit input{
margin: 0px 0px 10px 0px;
float:left;
border : 1px solid #1d3254;
color: #272727;
font-weight: normal;
font-size:1em ;
background-color: #f1f3f7;
cursor: pointer;
}

/* à laisser après les définitions de texte_site */ 

.resume {
margin: 10px 25px 20px 15px;
padding: 10px 0px 0px 0px;
background-color:#f0eef4;
border-top : 1px solid #60050B;
border-bottom : 1px solid #60050B;
}
.resume h2{
padding: 0px 15px 10px 0px;
text-align:left;
color: #1d3254;
font-size:1.2em;
background-image: none;
}
.resume p{
padding: 0px 15px 10px 15px;
text-align:left;
line-height: 1.3em;
color: #000000;
}
.resume ul{
padding: 0px 15px 10px 30px;
list-style-position: outside; 
list-style-type: square ;
}
.horizontale_texte ul{
text-align:left;
}
.horizontale_texte li{
display: inline;
color: #000000;
}

/* haut page */ /* haut page */ /* haut page */ /* haut page */ /* haut page */ 

.haut_page {
margin: 30px 40px 0px 0px;
float:right;
background-image:  url(images/haut_form_filet.jpg);
background-repeat: repeat-x;
background-position: right top;
width: 88%;
}
* html .haut_page  {
margin: 30px 20px 0px 0px;
}
.haut_page a{
margin: 5px 0px 0px 0px;
color: #1d3254;
font-size:0.9em;
float:right;
text-decoration:underline;
}
.haut_page a:hover{
text-decoration:overline;
}
.haut_page a:focus{
text-decoration:overline;
}
.haut_page a:active{
text-decoration:overline;
}

/* socialtag */ /* socialtag */ /* socialtag */ /* socialtag */ /* socialtag */ 

.socialtag {
margin: -10px 0px 10px 25px;
float:left;
text-align:left;
}
.socialtag a {
text-decoration:none;
}
.socialtag ul {
padding: 0px 0px 0px 0px;
display: inline;
}
.socialtag li {
display: inline;
}
.socialtag img  {
border:none;
}
.socialtag_img {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.socialtag_img:hover {
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
}
.socialtag_img:focus {
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
}
.socialtag_img:active {
opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
}

/* droite */ /* droite */ /* droite */ /* droite */ /* droite */ /* droite */ 

.droite {
margin: 26px 0px 0px 0px;
width: 19.6%;
float:right;
}
* html .droite  {
margin: 30px 0px 0px 0px;
}

.nouveau {
margin: 0px 0px 10px 0px;
background-color: #f1f3f7;
border : 1px solid #98a8d3;
}
.nouveau h2{
padding: 5px 5px 5px 5px;
text-align:left;
font-size:0.9em;
color: #272727;
}
.nouveau p{
padding: 5px 5px 5px 5px;
text-align:left;
font-size:0.9em;
color: #272727;
}
.nouveau img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:left;
}
.nouveau ul{
padding: 0px 0px 0px 22px;
text-align:left;
list-style-position: outside; 
}
.nouveau li{
padding: 0px 10px 5px 0px;
display: list-item;
list-style-image: url(images/nouveau_puce.gif);
}
* html .nouveau li  {
list-style-image: url(images/nouveau_puce_ie.gif);
}
.nouveau a{
color: #272727;
text-decoration:underline;
}
.nouveau h2 a{
font-size:0.95em;
}
.nouveau a:hover{
text-decoration:overline;
}
.nouveau a:focus{
text-decoration:overline;
}
.nouveau a:active{
text-decoration:overline;
}

.breve {
border : 1px dotted #98a8d3;
font-size:0.95em;
}
.breve a{
font-size:1em;
text-decoration:underline;
}
.breve a:hover{
text-decoration:overline;
}
.breve a:focus{
text-decoration:overline;
}
.breve a:active{
text-decoration:overline;
}

.outils {
padding: 2px 5px 5px 5px;
background-color: #f1f3f7;
border : 1px solid #a2cdf2;
}
.outils h2{
padding: 5px 5px 5px 5px;
text-align:left;
font-size:0.9em;
color: #272727;
}
.outils ul{
padding: 0px 0px 0px 22px;
text-align:left;
list-style-position: outside; 
}
.outils li{
padding: 0px 10px 5px 0px;
display: list-item;
list-style-image: url(images/outils_puce.gif);
}
* html .outils li  {
list-style-image: url(images/outils_puce_ie.gif);
}
.outils a{
color: #272727;
font-size:0.8em;
text-decoration:underline;
}
.outils a:hover{
text-decoration:overline;
}
.outils a:focus{
text-decoration:overline;
}
.outils a:active{
text-decoration:overline;
}

.fond_blanc {
background-color:#ffffff;
border : 1px solid red;
}

/* pied */ /* pied */ /* pied */ /* pied */ /* pied */ /* pied */ /* pied */ 

.pied {
min-height:38px;
background-image:  url(images/pied_fond.jpg);
background-repeat: repeat-x;
background-position: left top;
}
* html .pied  {
height:38px;
}
.pied_gauche {
float:left;
width:32%;
min-height:38px;
text-align:left;
background-image:  url(images/pied_fond_plein.jpg);
background-repeat: no-repeat;
}
* html .pied_gauche  {
background-image:  url(images/pied_fond_vide.jpg);
height:38px;
}
.pied_gauche ul{
margin: 18px 0px 0px 4px;
}
.pied_gauche ul li{
display: inline;
}
.pied_gauche a{
text-decoration:none;
}

.pied_milieu {
float:left;
min-height:38px;
width:60%;
font-size:0.85em;
text-align:center;
}
* html .pied_milieu  {
height:38px;
}
.pied_milieu ul{
margin: 22px 0px 0px 0px;
background-color: #1d3254;
}
.pied_milieu ul li{
display: inline;
color:#ffffff;
}
.pied_milieu a{
color:#ffffff;
text-decoration:none;
}
.pied_milieu a:hover{
text-decoration:underline;
}
.pied_milieu a:focus{
text-decoration:underline;
}
.pied_milieu a:active{
text-decoration:underline;
}

.pied_droit {
float:right;
}

.bouton_submit:hover {
background-color: #1d3254;
color: #ffffff;
cursor: pointer;
}
.msg_err h4 {
margin: 5px 0px 5px 30px;
font-weight:bold;
font-style: italic ; 
color:#e2052a;
}
.msg_err p {
margin: 5px 0px 5px 30px;
font-weight:bold;
font-style: italic ; 
color:#e2052a;
}

.captcha {
float:left;
border: 1px solid #1d3254;
width:450px;
text-align:left;
}
.captcha p{
margin: 5px 5px 5px 5px;
}
.captcha label{
margin: 5px 5px 5px 5px;
}
.align_captcha_label {
margin: 0px 5px 10px 30px;
}
.align_captcha {
float:left;
margin: 0px 5px 10px 35px;
}