/* CSS Document */
html, body{
margin: 0;
padding: 0;
background-image: url(../images/design/fond-gris.jpg);
vertical-align: top;
color: 333333;
font-size: 10px;
text-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-repeat: repeat;
font-size:11px;
/*font-weight: lighter;*/
}

ul{	margin: 0px; padding: 0;}
li{	margin: 0px; padding: 0;}

td{
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a{
color: #333333;
text-decoration: underline;
}

a:visited{
color: #333333;
text-decoration: underline;
}

a:hover {
text-decoration: none;
color: #333333;
}

a.lien-menu-gauche:link{
color: #333333;
text-decoration: none;
}

a.lien-menu-gauche:visited{
color: #333333;
text-decoration: none;
}

a.lien-menu-gauche:hover {
text-decoration: underline;
color: #333333;
}

p{
margin-top: 5;
}
.accesreserve{
border: 1px solid #333333;
text-align: justify;

}
/* /////////////// ----------------------------------------- NAVIGATION PRINCIPALE DU HAUT ------------------------- /////////////////// */
a.lien-navigation-rubrique-haut:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/*font-weight: lighter;*/
color: #000000;
text-decoration:underline;
}
a.lien-navigation-rubrique-haut:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/*font-weight: lighter;*/
color: #333333;
text-decoration:no;
}
a.lien-navigation-rubrique-haut:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/*font-weight: lighter;*/
color: #333333;
text-decoration:no;
background-color: #CCCCCC;
}
/* /////////////// ----------------------------------------- NAVIGATION PRINCIPALE DU HAUT ------------------------- /////////////////// */

/* /////////////// ----------------------------------------- texte CONTENU ----------------------------------------- /////////////////// */

.zoneform-login{
width:105px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
border-left: 1px solid #666666;
background-color: #D7D1C1;
background-repeat: repeat-y;
}
.texte-contenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
.texte-contenu-gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: bold;
}
.titre-paragraphe {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
font-weight:bold;
background-image: url(../images/design/carre.gif);
background-repeat: no-repeat;
padding-left:10px;
}
.sous-titre-paragraphe {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #CCCC99;
}
.txt12gras {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
}
.txt12{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;

/*text-indent: 5px;*/

}
.txt14blanc {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
a.lien--texte-contenu:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:underline;
}
a.lien--texte-contenu:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:underline;
}
a.lien--texte-contenu:over{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:underline;
}
h2{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
float: left;
padding-bottom: 16px;
margin:0px;
color:#9C339A;
}
h3{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1,5em;
font-weight:bold;
color:#85BB3F;
}
h4{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#000000;
}
/* /////////////// ----------------------------------------- FIN texte CONTENU ----------------------------------------- /////////////////// */

/*/////////////////--------------------------------- FOND ------------------------------------///////////*/
.fond-gris{
background-image: url(../images/design/fond-gris.jpg);
}
.fond-gauche{
background-image: url(../images/design/fond-gauche.gif);
}
.fond-blanc{
background-color: #FFFFFF;
}
/*td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}*/

.fond-deco {
background-image: url(../images/design/fond-ingenieurie-des-loisir.jpg);
background-repeat: no-repeat;

}
/*/////////////////---------------------------------FIN-FOND ------------------------------------///////////*/


/* /////////////////// précharger les images //////////////// */
.cache{display:none;}


/* /////////////////////// /////////////////éléments de formulaire/////////////////////////////// */
form{
margin: 0;
padding: 0;
}
.submit{
margin: 0;
padding: 0;
height: 20px;
width: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
cursor: hand;
}
/*////////////////////////-------------------------- BAS DE PAGE coordonnées ------------//////////////////////*/
.champ-gris{
background-color: #666666;
font-size:11px;
padding:0px 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
border-top: 1px #CCCCCC;
border-right: 1px #CCCCCC;
border-bottom: 1px #CCCCCC;
border-left: 1px #CCCCCC;
a: #FFFFFF;
a.over: #FFFFFF;
}
/*////liens pour champs gris Cordonnées//////*/
/*///@////*/
a.copyright:link{
color:#ffffff;
text-decoration:no;
}
a.copyright:visited{
color:#ffffff;
text-decoration:no;
}
a.copyright:hover{
color:#ffffff;
text-decoration:no;
}

a.lien-pied-page:link{
color:#ffffff;
text-decoration:underline;
}
a.lien-pied-page:visited{
color:#ffffff;
text-decoration:underline;
}
a.lien-pied-page:hover{
color:#ffffff;
text-decoration:none;
}
/* ////////////////////////-------------------------- FIN - COORDONNEES ------------//////////////////// */


/*///////////// INPUT, SELECT, TEXTAREA /////////////*/
form{
margin: 0;
padding: 0;
}
input{
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: D7D1C1;
color: #333333;
}
.zoneform {
background-image: url(../images/design/fond_input.jpg);
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 1px solid #333333;
}
.zoneform-oblig {
background-image: url(../images/design/fond_input.jpg);
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 4px solid #CC0000;
}
select {
background-image: url(../images/design/fond_input.jpg);
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #690102;
}
.boutonform{
background-image: url(../images/fond-boutonform.gif);
height: 40px;
width: 228px;
font-family: Arial, Helvetica, sans-serif;
border: none;
font-size: 11px;
color: #000000;
cursor: hand;
}
.fond-navigation-principale {
background-image: url(../images/design/fond-navigation-principale.jpg);
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
/*font-weight: lighter;*/
color: #333333;
}
.titre-deco-trait {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #993399;
background-image: url(../images/design/trait-indication-titre.gif);
background-repeat: repeat-x;
}
.fond-news {
background-image: url(../images/design/fond-news.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.news {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #C4C4C4;
font-weight:bold;
}
.ombre-porte-navig-gauche {
background-image: url(../images/design/bordure-ombre-navigation-dr.jpg);
background-repeat: repeat;
}
.fond-degrade-ombrage-bas-navigation-gauche {
background-image: url(../images/design/fond-degrade-ombrage-bas-na.jpg);
background-repeat: repeat-x;
}

a.lien_reverse:link{
text-decoration:none;
}
a.lien_reverse:visited{
text-decoration:none;
}
a.lien_reverse:hover{
text-decoration:underline;
}