A:hover  { color: #555; font-family: Arial, Verdana; text-decoration: underline }
A:link  { color: #555; font-family: Arial, Verdana; text-decoration: none }
A:visited  { color: #555; font-family: Arial, Verdana; text-decoration: none }

p{
font-family:'Comic Sans ms',Verdana,Tahoma,sans-serif;
}

h3{
text-decoration:underline;

}







/*ARRIERE PLAN*/
#body{
padding:0;
margin:0;
}

#global{
background-image:url('../images/fonts/bg.png');
background-repeat:repeat-x;
background-color:#000000;
height:1300px;
}


#container{
width:1020px;
height:1300px;
position:relative;
display:block;
margin:0 auto;
padding:0;
}


#tout{
background-color:white;
padding:0;
width:1000px;
height:1300px;
margin:0 auto;
display:table; 
background: #000000;
}
/*ARRIERE PLAN*/









/*HAUT DE PAGE*/
#menu {
width:auto;
background-image:url('../images/fonts/bg.png');
background-position:0% -1%;
clear:both;
}

#menu .header_logo{
border:0px;
padding:0 0 10px 10px;
}

#logo_ofis{
background-color:transparent; 
border:4px outset #010101;  
width:auto; 
height:auto; 
position:relative; 
top:1em;
}

#logo_telem{
position:absolute; 
width:150px; 
text-align:center;
height:auto; 
color:white;
border:0; 
right:50px; 
top:30px; 
-moz-border-radius:10px;
}
/*HAUT DE PAGE*/






/*MENU (onglets)################################*/

#menu .barre_menu{
height:28px;
background-image:url('../images/fonts/font_barremenu2.jpg');
background-repeat:repeat-x;
border:0;
-moz-border-radius:20px;
}

ul#speedbarre li {
width:auto;
text-align:center;
color:#f6e300;
float:right;
font-variant:small-caps;
font-weight:bold;
letter-spacing:1px;
list-style-type:none;
}

ul#speedbarre li a {
display:block;
height:15px;
padding:6px 30px;
text-align:center;
color:#f6e300;
}
/*FIN MENU##########################*/










/*Fond de contenu*/
#bordure_corps{
width:1000px;
height:1020px;
margin:0 0 0 0;
float:left;
background-image:url('../images/fonts/bg.png');
background-repeat:repeat-x;
background-color:#000000;
background-position:0% -102%;
}

#corps{
margin:10px 0 0 10px;
background:url('../images/fonts/fond_corps.jpg') repeat-x #FFFFFF;
float:left;
width:980px;
height:1000px;
border:1px solid white;
-moz-border-radius:20px;
}
/*Fin du fond de contenu*/



/*Index*/
/*




/*Footer*/
#bas_de_page{
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
height:59px;
padding:4px 10px 0 10px;
width:400px;
margin-left:290px;
background:url('../images/fonts/font_basdepage.jpg') #FFFFFF;
clear:both;
-moz-border-radius:20px;
border:1px solid white;
}
/*Fin du Footer*/








/* TABLEAU ###########################################*/ 
table{
margin-top:20px;
margin-left:20px;
width:940px;
border-collapse: collapse;
border:0;
}

tr{
border:0;
}

th{
border:0;
color:white;
-moz-border-radius:15px;
}

td{
border:0;
font-family:'comic sans ms';
padding:0;
}
/*FIN  TABLEAU ###########################################*/ 









/*Titre sur fond bleu*/
#header{
height:30px;
width:900px;
border:1px solid #0da3a9; 
background-image:url('../images/fond_title.jpg');
margin:10px 25px 0 25px;
-moz-border-radius:10px;
}

.premier_titre{
color:red; 
position:absolute; 
top:14em; 
left:5em;
}

#button1{
display:block; 
border:0; 
position:absolute; 
padding:2.5px 2.5px 2.5px 2.5px;
}
/*Fin titre sur fond bleu*/






/*INDEX*/
#table_index{
margin-bottom:25px;
}

/*INDEX*/



/*Formation*/
#header_formation{
height:30px;
width:900px;
border:1px solid #0da3a9; 
background-image:url('../images/fond_title.jpg');
margin:10px 25px 0 25px;
-moz-border-radius:10px;
}

.formation-location{
color:red; 
position:absolute; 
left:5em; 
top:28.9em;
}
/*Fin Formation*/










/*Debut de references*/
.title_reference{
width:940px;
margin-left:20px;
margin-top:20px;
text-align:center;
background-image:url('../images/fonts/title.jpg');
border:1px solid black;
-moz-border-radius:10px;
}

.ref{
width:940px;
height:250px;
margin-top:0;
margin-left:20px;

}
/*Fin de references*/














/*Debut du contact*/
#plan{
margin: 10px 0 0 0;
width:auto;
height:auto;
float:left;
clear:left;
}

#contact{
float:left;
margin:10px 10px 10px 10px ;
width:330px;
height:auto;

}

#adresse{
float:right;
margin: 10px 10px 10px 10px;
width:330px;
height:auto;
clear:right;
}

#info_ofis{


width:940px;
border:1px solid black;
text-align:center;
margin-top:50px;

}
/*Fin du contact*/













/*Promo*/
.button2{
display:inline; 
border:0; 
position:absolute; 
padding:2.5px 2.5px 2.5px 2.5px;
}

.img_promo{
float:left;
width:auto;
margin:10px;
margin-right:20px;
}

.presentation_promo{
float:left;
width:auto;
margin:10px;
margin-right:20px;
font-size:15px;
font-family:Arial,Helvetica,sans-serif;
}

#header_promo{
height:30px;
width:900px;
border:1px solid #0da3a9; 
background-image:url('../images/fond_title.jpg');
margin:50px 25px 0 25px;
-moz-border-radius:10px;
}

.promotion{
color:red; 
position:absolute; 
left:5em; 
top:38.5em;
}

.prix{
background-color:white;
border:4px solid red;
width:178px;
height:50px;
font-size:25px;
font-family:Felix Titling, Arial;
position:absolute;
top:21.5em;
left:30.52em;
}

.prix_pro{
background-color:white;
border:4px solid red;
width:178px;
height:50px;
font-size:25px;
font-family:Felix Titling, Arial;
position:absolute;
top:36.5em;
left:30.52em;
}
/*Fin promo */