*{padding: 0; margin: 0;}

a{
text-decoration: none;
color: #880051;
}



.gras{
font-weight: bold;
}

.centre{
text-align: center;
}

#contenu  .souligne{
text-decoration: underline;

}

.blanc{
color: #fff;
font-size: 0.8em;
}

img{
margin: 10px 35px;
}

a img {
border: none;
}

#gauche a{
font-size: 0.8em;

font-weight: bold;
display: block;
}

.encadre{
width: 400px;
margin: 50px auto 0;
font-weight: 600;
font-size: 0.9em;
border-bottom:3px groove #3a3696;
border-right:3px groove #3a3696;
}

#contenu #cv li{
list-style-type: circle;
background: none; 
padding-left: 0px;
margin-left: 50px;

}

/*-------------------------------------------------------------------------------------------------------*/

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
background: url(images/fond_body.jpg);
background-position: center top;
color: #444444;
}

#global{
width: 960px;
margin: 0 auto;
position: relative;
}

#visuel{
width: 960px;
height: 880px;
position: absolute;
top: 0;
left: 0;
background: url(images/fond_visuel.jpg);
z-index: 10;
}

#visuel img{
margin: 0 25px;
}

#tete{
height: 210px;
background: url(images/tete.png);
position: relative;
z-index: 200;
}

#tete h1{
position: relative;
z-index: 200;
text-align: center;
font-size: 1.2em;
font-style: italic;
padding: 100px 0 0 300px;
margin-right: 30px;
color: #880050;
min-height: 70px;
}

#tete a{
display: block;
position: absolute;
z-index: 200;
width: 280px;
height: 210px;
top: 0px;
left: 10px;
}

#page{
overflow: auto;
background: url(images/fond_global.jpg);


}

#gauche{
width: 250px;
float: left;
margin-top: 17px;
position: relative;
z-index: 100;
font-size: 1.2em;
}

#droite{
overflow: auto;
}

#flow{
margin-top: 100px;
position: relative;
z-index: 100;
}

#flash{
margin-top: 70px;
position: relative;
z-index: 100;
width: 600px;
float: right;

}

/*----------------------------------------------------------- contenu -----------------------------------------------------------------------*/

#contenu{
width: 690px;
font-size: 0.9em;
position: relative;
z-index: 100;
margin: 15px 0 0 15px;
clear: both;
}

#contenu_haut{
height: 20px;
background: url(images/contenu_haut.png);
}

#contenu_centre{
background: url(images/contenu_centre.png);
overflow: auto;
padding-bottom: 50px;
}

#contenu_bas{
height: 30px;
background: url(images/contenu_bas.png);
}

#contenu a{
font-weight: bold;
font-style: italic;
}

#contenu a:hover{
text-decoration: underline;
}

#contenu h2{
color: #3a3696;
font-size: 1em;
padding: 30px 0;
margin-left: 50px;

}

#contenu h3{
color: #880050;
font-size: 1em;
padding: 10px 0;
margin-left: 80px;
}

#contenu h4{

}

#contenu ul{
margin: 5px 50px;
list-style-type: circle;

}

#contenu li{
margin-bottom: 10px;
color: #3a3696;
}

#contenu li span{
color: #444444;
}

#contenu #top{
margin: 0;
position: absolute;
left: 5px;
bottom: 3px;
z-index: 200;
font-size: 0.85em;
}

.float_g{
float: left;
}

#vers_bas{
position: absolute;
right: 40px;
top: 120px;
width: 61px;
height: 74px;
display: none;
}


/*--------------------------- Popup ------------------------------------------------------------*/

#popup1, #popup2, #popup3{
position: relative;
display: none;
padding-bottom: 10px;
font-size: 0.8em;
clear: both;
}

/*-------------------------- Menu 1 --------------------------------*/

#menu1{
width: 175px;
margin-left: 75px;
background: url(images/carre.jpg);
background-position: 0 15px;
background-repeat: no-repeat;
height: 105px;
}



#menu1 ul{
margin: 0 0 10px 85px;
list-style-type: none;
padding-top: 17px;
}
 
#menu1 li a{
margin-bottom: 9px;
padding-left: 25px;
background: url(images/puce.png);
background-position: 0 0;
background-repeat: no-repeat;
line-height: 22px;
}

#menu1 a:hover{
color: #3a3696;
background: url(images/puce_bleu.png);
background-position: 0 0;
background-repeat: no-repeat;
}

#menu1 a.courant{
color: #3a3696;
background: url(images/puce_bleu.png);
background-position: 0 0;
background-repeat: no-repeat;
}

/*-------------------------- Menu 2 --------------------------------*/

#menu2{
text-align: right;
margin: 50px 0;
}



#menu2 ul{
list-style-type: none;

}
 
#menu2 li{
line-height: 22px;
}

#menu2 a{
font-size: 0.7em;
padding-right: 105px
}

#menu2 a:hover{
color: #3a3696;
background: url(images/puce_bleu.png);
background-position: 159px 0;
background-repeat: no-repeat;
}

#menu2 .courant{
color: #3a3696;
background: url(images/puce_bleu.png);
background-position: 159px 0;
background-repeat: no-repeat;
}

#pied{/*--------------------------------------------------------- Pied -----------------------------------------------------------------*/

font-size: 0.7em;
position: relative;
z-index: 100;
}

#adresse{
margin-left: 15px;
}

#copy{
margin-left: 15px;
font-size: 0.7em;
text-align: center;
}

#copy a{
color: #880051;
}

#copy a:hover{
text-decoration: underline;
}

#bas{/*-------------------------------------------------- bas ---------------------------------------------*/
width: 980px;
height: 60px;
background: url(images/bas.jpg);
position: absolute;
bottom: 0px;
left: 0;

}

#sous_bas{/*-------------------------------------------------- sous bas ---------------------------------------------*/

}

#sous_bas a{
color: #cdcdcd;
font-size: 0.7em;
}

  /*-------------------- formulaire contact --------------------------------------*/
#contact{
width: 90%;
margin: 0 auto;
}

#contact p{
margin: 15px 0;
}

form{

}					

 fieldset{
width: 90%;
margin: 0 auto;
border: 0;
background: transparent;
} 

 label{
color: #000;
font-size: 1em;
font-weight: normal;
}

 input, textarea{
border: 1px solid #b6d2ac;

}

.envoyer{
border: 1px solid #000;
background: #3a3696;
color: #fff;
font-weight: bold;
margin-bottom: 30px;
}

.erreur{
margin-left: 20px;
text-align: center;
border: 1px solid #000;
background: red;
color: #fff;
font-weight: bold;
}

.reessayer{
text-decoration: none; 
font-weight: bold; 
color: #F7723B;;
}

 legend{
font-weight: bold; 
padding-top: 5px;

}

 #form p{
margin: 0;

}

#derniere #rss{
list-style-type: none;
font-size: 1em;
}

#contenu #rss li{
padding-left: 0px;
background: none;
}

#derniere #rss a, #contenu #rss a{
color: #2f2f2f;
font-weight: normal;
font-style: italic;
font-size: 1em;
}

#derniere #rss a:hover{
text-decoration: underline;
}

/*------------------------------------ catalogue --------------------------------------------*/


#plein_ecran{
position: relative; 
z-index: 200;

}

#plein_ecran a{
display: block;
width: 450px;
margin: 0 auto;
height: 74px;
background: url(images/plein_ecran.png);
background-position: 0 0;

}

#plein_ecran a:hover{
background: url(images/plein_ecran.png);
background-position: 0 75px;

}

#flash_accueil{
width: 960px; 
margin: 0 auto;
}

#adobe{
color: #000;
 border: 1px solid lime;
 margin: 25px; 
 padding: 5px;
 font-size: 0.9em; 
 position: relative; 
 z-index: 100;
 margin-left: 280px;
 background:transparent url(images/contenu_centre.png) repeat scroll 0 0;
 text-align: center;
 }