*{padding: 0; margin: 0;}
a{text-decoration: none;}

.gras{
font-weight: bold;
}

.centre{
text-align: center;
}

#contenu  .souligne{
text-decoration: underline;

}

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

img{
margin: 10px 35px;
}

 #video{
width: 200px;
margin: 30px 0 5px 7px;
}

#gauche a{
font-size: 0.8em;
color: #fff;
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: 0.9em;
color: #2f2f2f;
}

#ombre{
width: 980px;
margin: 0 auto;
background: url(images/ombre_droite.jpg);

position: relative;
}

#global{
width: 960px;

background: url(images/fond.jpg);

}

#tete{
height: 126px;
background: url(images/tete.png);
position: relative;
}

#tete h1{
position: absolute;
top: -9999px;
left: -9999px
}

#tete h2{
position: absolute;
top: 58px;
left: 15px;
font-size: 0.9em;
color: #393939;
}

#tete #retour{
position: absolute;
top: 5px;
left: 10px;
display: block;
width: 410px;
height: 50px;
}

#tete #eurallia{
position: absolute;
top: 15px;
right: 30px;
display: block;
width: 180px;
height: 60px;
}

#page{
overflow: auto;

}

#gauche{
width: 220px;
float: left;
margin-top: 17px;
}

#gauche p{
margin: 15px 5px;
}

#droite{
overflow: auto;
}
#menu_hor {
position: relative;
z-index: 50;

}

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

#contenu{
position: relative;
z-index: 10;
top: -98px;
width: 680px;
margin-left: 13px;
background: url(images/fond_contenu.png);
padding-bottom: 50px;
font-size: 0.9em;
}

#cale{
height: 30px;
}

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

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

#contenu h2{
padding: 0px 0 0px 115px;
font-size: 1.2em;
font-style: italic;
margin: 0 0 35px 35px;
color: #e43f13;
min-height: 70px;
}

#contenu h3{
color: #3a3696;
font-size: 1em;
padding-bottom: 30px;
margin-left: 50px;
}

#contenu h4{

font-size: 1em;
padding: 0px 0 0 23px;
background: url(images/part.png);
background-repeat: no-repeat;
margin: 30px 0 0 50px;
}

#contenu p{
margin: 15px 35px;
}

#contenu ul{
margin: 15px 35px;
list-style-type: none;
}

#contenu ul li{
padding-left: 25px;
background: url(images/puce1.png);
background-repeat: no-repeat;
line-height: 18px;
margin-bottom: 20px;
}

#contenu ul li ul li{
margin: 7px 25px;
list-style-type: circle;
padding-left: 0px;
background: none;
}

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

#contenu  table{
border: 0;
width: 95%;
margin: 20px auto;
text-align: center;
border-collapse: collapse;
background: url(images/fond_contenu.png);
}

#contenu  tbody{
padding-bottom: 20px;
display: block;
}

#contenu table img{
margin: 0;
}

#contenu #ref td, #contenu #ref th {
width: 33%;
padding: 30px 0;
}

.col1{

}

.col2{
text-align: left; 
padding-left: 5px;
}

.col3{
width: 25%;
padding-top: 15px;
}

.col4{
text-align: left; 
width: 75%;
}

.col5{
text-align: right; 
border-bottom: 1px dashed #e4270c;
padding-bottom: 3px;
}

.col5 span{
margin-right: 15px;
font-size: 0.85em;
color: #e4270c;
}

#contenu .col2 a{
font-weight: normal; 
color: #003466;
}

#contenu #euralia td, #contenu #euralia th {
width: 25%;
padding: 30px 0;
}

.col1 img, .col3  img{
display: block;
border: none;
padding-left: 10px;
}

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

/*-------------------------- Menu vertical --------------------------------*/

#gauche h2{
width: 200px;
margin: 0 auto;
background: url(images/fond_menu_vert.png);
background-position: 0 bottom;
background-repeat: no-repeat;
height: 36px;
font-size: 13px;
font-weight: normal;
text-align: center;
line-height: 38px;
margin-bottom: 20px;
}

#menu_vert li{
list-style-type: none;
margin: 0 0 10px 20px;
}

#menu_vert a{
font-size: 0.8em;
color: #D5D8DC;
font-weight: bold;
display: block;
}

#menu_vert a:hover{
color: #2d1058;
}

#menu_vert .courant{
color: #930a0a;
}

#derniere{/*---------------------------------------------------------------- dernière ----------------------*/
background: url(images/fond_contenu.png);
padding: 15px 0;
width: 200px;
margin: 0 auto;
font-size: 0.8em;
}

#derniere p{
padding: 0 7px;
}

 #derniere .short{
 display: block;
margin: 0 auto;
}

#derniere a{
font-weight: bold;
color: #c50305;
font-size: 0.85em;
}

#derniere img{
border: none;
margin: 0;
}

#derniere ul{
margin: 10px 8px;
list-style-type: circle;
padding-left: 15px;
}

#derniere ul li{
margin-bottom: 5px;
}

.left{
text-align: right;
}


#pied{/*--------------------------------------------------------- Pied -----------------------------------------------------------------*/
position: relative;
top: -70px;
color: #fff;
font-size: 0.8em;
}

#adresse{
width: 300px;
float: right;
margin-left: 15px;
}

#copy{
width: 300px;
margin-left: 115px;
}

#copy a{
color: #fff;
}

#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 ---------------------------------------------*/
text-align: center;
color: #dce0fc;
margin-top: 200px;
}

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

#annonce .titre{/*------------------------------------------------------------- Annonce -------------------------------------------------*/
display: block;
font-weight: bold;

}

#annonce .contact{
display: block;
text-align: right;
color: #003466;

}

#annonce li{
border-bottom: 1px dashed #e4270c;
padding-bottom: 3px;

}

form{  /*-------------------- formulaire contact --------------------------------------*/
border-bottom:3px groove #3a3696;
border-right:3px groove #3a3696;
margin: 0px 30px 50px 0px; 

}					

 fieldset{
width: 90%;
margin-left: auto;
margin-right: 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: 20px;

}

 #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;
}

/*-------------------------------- Admin -------------------------------------------*/
#annonce .menu_annonce {
text-align: center;
display: block;
}

#annonce .menu_annonce a{
text-align: center;
margin-right: 50px;
}

#modif_annonce{
width: 90%;
margin: 0 auto;
}

#modif_annonce label{
display: block;
margin: 10px 0;
}

legend{
color: #3a3696;
font-size: 1em;
padding-bottom: 30px;
margin-left: 50px;
}

.maj{
text-align: center;
background: lime;
}

#menu_admin ul{
padding: 30px 30px;
list-style-type: none;
}

#menu_admin li{
margin-bottom: 15px;
}

#affaire{
width: 80%;

}

#alerte{
font-weight: bold;
text-align: center;
font-size: 1.1em;
}