body
{ 
    width : 1024px;
    height : 1450px;
	margin : auto;
	background : url("tofs/design/fond.jpg") no-repeat top;
}

/*RESULTAT GOOGLE */

#result_google
{
    width : 1024px;
	height : 1600px;
	background : url("tofs/design/fond_google.jpg") no-repeat center;
}

/* LA PUB */

#pub_1
{
   float : right;
   margin-top : 10px;
   margin-right : 30px;
   margin-bottom :10px;
}

#pub_2 
{   
   margin-top : 10px;
   margin-left : 10px;
   margin-bottom :10px;
}

#pub_fin
{
   text-align : center;
}

/* LA BANNIERE */

#banniere
{
   width : 800px;
   height : 120px;
   background : url("tofs/design/banniere.jpg") no-repeat;
   margin : 80px 0 20px 100px;
   border : 2px groove black;
}

/* LE MENU*/

#google
{
   width : 200px;
   margin-left : 50px;
   margin-bottom : 10px;
}
    
a
{
   text-decoration: none; 
   color: #242424;
}

a:hover 
{
   text-decoration: none; 
   color: red; 
}

#menu
{
   float : left;
   width : 280px;
}

#menu img
{
  	border : none;
	margin : 0 0 10px 60px;
	
} 

.menu_liste
{
   border : 2px groove gray;
   margin : 0 20px 10px 40px;
   padding : 0 10px 0 10px;
}

.menu_liste h4
{
   text-align : center;
   text-decoration : underline;
   color : gray;
}

.menu_liste ul
{
   list-style-image : url("tofs/ballon.gif");
   font-size : 18px;
}

.menu_liste li
{
   margin-bottom : 6px;
}

#video a img
{
   border : 2px silver outset;
}

#video a:hover img
{
   border : 2px red outset;
}

/* L'ACCUEIL */  

#corps_accueil
{
   margin-left : 280px;
   margin-top : 40px;
   margin-bottom : 120px;
}

#cdm
{
   font-size : 24px;
   color : red;
   text-align : center;
   margin : 80px 160px 80px 0;
}

#cdm a img
{
   width : 40px;
   height : 80px;
   float : left;
   margin-left : 100px;
   border : 4px silver outset;
}

#cdm a:hover img
{
   border : 4px red outset;
}

#accueil_romeo
{
   width : 650px;
   font-size : 18px;
   color : #660099;
   margin : 0 10px 30px 10px;
}

#news
{
   width : 90%;
   height : 120px;
   margin-bottom : 60px;   
}

#news_annonces
{
   float : right;
   margin-right : 30px;
   width : 40%;
   height : 150px;
   background-color : grey;
   text-align : center;
   font-size : 22px;
   color : white;
}

#news_livredor
{
   float : left;
   margin-left : 30px;
   width : 40%;
   height : 150px;
   background-color : gray;
   text-align : center;
   font-size : 18px;
   color : white;
}

#corps_accueil img
{
   float : right;
   margin-right : 60px;
}

#manuel a img
{
   border : 4px silver outset;
}

#manuel a:hover img
{
   border : 4px red outset;
}

.corps_accueil_texte1
{
   width : 350px;
   padding : 10px;
   margin-top : 60px;
   font-size : 40px;
   text-align : center;
}

.corps_accueil_texte2
{
   width : 600px;
   padding : 20px;
   margin-top : 30px;
   margin-bottom : 30px;
   font-size : 24px;
   color : #660099;
   text-align : justify;
}

/* L'ACTUALITE */

#actu_alim_sport
{
   width : 650px;
   height : 150px;
   padding : 20px;
   margin-left : 280px;
   margin-top : 60px;
   border : 2px black dotted;
   font-size : 18px;
   color : #660099;
   text-align : center;
}

#actu_alim_sport img
{
   border : 4px silver outset;
   margin : 0 5px 10px 5px;
}

#actu_alim_sport a:hover img
{
   border : red outset;
}

#actu_medecine
{
   width : 650px;
   height : 150px;
   padding : 20px;
   margin-left : 280px;
   margin-top : 60px;
   border : 2px black dotted;
   font-size : 18px;
   color : #660099;
   text-align : center;
}

#actu_medecine img
{
   border : 4px silver outset;
   margin : 0 5px 10px 5px;
}

#actu_medecine a:hover img
{
   border : red outset;
}

/* LES COORDONNEES */  

#prov
{
   color : green;
   font-size : 24px;
   margin : 80px 0 0 420px;
}

#corps_coordonnees
{
   width : 400px;
   border : 1px dashed; 
   margin-left : 400px;
   margin-top : 40px;
   text-align : center;
}

#adresse_mail
{
   font-size : 24px;
   color : blue;
   margin-left : 430px;
   margin-top : 40px;
}

.envoi_mail
{
   margin-top : 20px;
   margin-left : 540px;  
}

.envoi_mail a img 
{
   border : 4px silver outset;  
}

.envoi_mail a:hover img 
{
   border : 4px red outset;  
}  

#pub_coordonnees
{
   width : 250px;
   margin-left : 450px;
   margin-top : 60px;
}

/* LA PREFACE */  

#corps_preface img
{
   width : 680px;
   float : right;
   margin-right : 60px;
   margin-top : 30px;
   margin-bottom : 200px;
}

/* L'INTRODUCTION */

#corps_introduction
{
   width : 600px;
   margin-left : 300px;
   margin-top : 30px;
   font-size : 18px;
   color : #660099;
   text-align : justify;
}

#pub_introduction
{
   width : 250px;
   margin-left : 450px;
   margin-top : 60px;
}

/* LE TARIF */

#corps_tarif
{
   width : 600px;
   margin-left : 300px;
   text-align : center;
} 

#corps_tarif h1
{
   text-decoration : underline;
   color : #660099;
   margin-bottom : 20px;
}

#corps_tarif h3
{
   text-decoration : underline;
   color : #660099;
   margin-top : 30px;
   margin-bottom : 20px;
}

#pdf
{
    float : left;
	font-weight : bold;
    margin-top : 100px;	
}

#pdf img
{    
	border : none;	
}

#paypal
{
    float : right;
	margin-top : 100px;
	font-weight : bold;
}

#world_cup img
{
    width : 60px;
	height : 160px;
    float : right;
	margin-top : 60px;
}

#colissimo
{
    float : right;
    margin-top : 30px;	
}

#colissimo img
{    
	border : none;	
} 

#tarif_unite
{
    font-size : 120px;
    font-weight : bold;
    color : red;  
    margin-bottom : 20px;
}

#port_unite
{
    font-size : 20px;
    margin-bottom : 20px;
}

#texte_unite
{
    color : #660099;
	font-size: 18px;
	margin-bottom : 50px;
}


.tarif_groupes
{
    font-size : 30px;
    color : red;
    margin-bottom : 30px;
}

.tarif_groupes a
{
   color : green;
}

.tarif_groupes a:hover 
{ 
   color: red; 
}

#tarif_port
{
   font-size : 20px;
   margin-top : 30px;
}

#pub_tarif
{
   width : 250px;
   margin-left : 160px;
   margin-top : 50px;
}

/* LES CLUBS PARTENAIRES */

#corps_parts
{
   width : 600px;
   height : 800px;
   margin-left : 300px;
   margin-top : 50px;
   margin-bottom : 200px;   
}

#corps_parts h1
{
   text-align : center;
   text-decoration : underline;
   color : #660099;
   margin-bottom : 60px;
}

#charte_part
{
    float : right;
	text-align : center;
	font-weight : bold;
}

#charte_part img
{   
    border : none;
}

#annonce_part
{
    width : 400px;
    height : 40px;
    padding : 10px;
    border : 1px dashed;
	color : green;
	text-align : center;
	font-size : 18px;
	margin-bottom :50px;
}

.ligue_part
{
    font-size : 12px;
	float : right;
	margin-top : 25px;
	text-align : center;
}

.ligue_part img
{
    width : 50px;
    height : 50px;	
}

.ligue_part a
{
   color : blue;
}

.ligue_part a:hover 
{ 
   color: red;   
}

.ligue_part a img
{
    border : 2px ouset;
}

.part
{
    width : 600px;
	border : 4px outset gray;
	padding : 10px;
	font-size : 22px;
	margin-left : 20px;
	margin-bottom : 60px;
}

.club_part img
{
    width : 100px;
    height : 100px;
	margin-right : 40px;
	vertical-align : middle;
}

/* LES CLUBS AMIS */

#corps_amis
{
   width : 600px;
   height : 800px;
   margin-left : 300px;
   margin-top : 50px;
   margin-bottom : 230px;
}

#corps_amis h1
{
   text-align : center;
   text-decoration : underline;
   color : #660099;
   margin-bottom : 20px;
}

#charte_ami
{
    float : right;
	text-align : center;
}

#charte_ami img
{   
    border : none;
}

#annonce_ami
{
    width : 400px;
    height : 40px;
    padding : 10px;
    border : 1px dashed;
	color : #660099;
	text-align : center;
	font-size : 18px;
	margin-bottom : 50px;
}

.ligue_ami
{
    font-size : 14px;	
	margin-top : 30px;
	margin-bottom : 20px;
}

.ligue_ami a
{
   color : blue;
   text-decoration : underline;
}

.ligue_ami a:hover 
{ 
   color: red; 
}

.ami
{
    width : 600px;
	font-size : 10px;
	margin-bottom : 10px;
}

.ami img
{
    width : 50px;
    height : 50px;
    border : none;
	margin-left : 50px;
	margin-right : 10px;
	vertical-align : middle;
}

/* LES ANNONCES */

#corps_annonces
{
   width : 600px;
   height : 800px;
   margin-left : 300px;
   margin-top : 50px;
   margin-bottom : 230px;
   font-size : 20px;
   color : #660099;
}

.annonces table
{
   width : 600px;
   margin : auto;
   font-size : 16px;
   border-collapse : collapse;
   border : 3px groove gray;
}

.annonces caption
{
   margin : auto;
   font-size : 22px;
   color : green;
   margin-bottom : 10px;
}

.annonces table td,th
{
   border : 1px solid black;
   padding : 5px;
}

.annonce_club
{
   font-size : 12px;
   font-weight : bold;
}

.annonce_dpt
{
   font-size : 16px;
   text-align : center;
}

.annonce_date
{
   font-size : 12px;
   text-align : center;
}

/* LES LIENS */

#corps_liens
{
   width : 600px;
   height : 900px;
   margin-left : 300px;
   margin-top : 50px;
   margin-bottom : 120px;   
}

#burdicup
{
   margin-bottom : 70px;
}

#burdicup a
{
   font : 20px weight;
   color : green;
   text-decoration : underline;    
}

#burdicup a:hover 
{ 
   color: red; 
}

#burdicup img
{
   width : 80px;
   height : 80px;
   border : none;
   float : left;
   margin-left : 50px;
   margin-right : 80px;
}

#fff
{
   margin-bottom : 70px;
}

#fff a
{
   font : 20px weight;
   color : green;
   text-decoration : underline;    
}

#fff a:hover 
{ 
   color: red; 
}

#fff img
{
   width : 150px;
   height : 100px;
   border : none;
   float : left;
   margin-left : 20px;
   margin-right : 40px;
}

#aef
{
   margin-bottom : 70px;
}

#aef a
{
   font : 20px weight;
   color : green;
   text-decoration : underline;    
}

#aef a:hover 
{ 
   color: red; 
}

#aef img
{
   width : 100px;
   height : 80px;
   border : none;
   float : left;
   margin-left : 50px;
   margin-right : 60px;
}

#galaxy
{
   margin-bottom : 70px;
}

#galaxy a
{
   font : 20px weight;
   color : green;
   text-decoration : underline;    
}

#galaxy a:hover 
{ 
   color: red; 
}

#galaxy img
{
   width : 180px;
   height : 80px;
   border : none;
   float : left;
   margin-right : 30px;
}

#foa
{
   margin-bottom : 70px;
}

#foa a
{
   font : 20px weight;
   color : green;
   text-decoration : underline;    
}

#foa a:hover 
{ 
   color: red; 
}

#foa img
{
   width : 160px;
   height : 80px;
   border : none;
   float : left;
   margin-left : 30px;
   margin-right : 40px;
}

/* LES TELECHARGEMENTS */

#corps_telechgt
{
   width : 600px;
   height : 900px;
   margin-left : 300px;
   margin-top : 50px; 
   margin-bottom : 120px;
}

.telechgt
{
	margin-bottom : 50px;
}

.telechgt img
{
    width : 120px;
    height : 80px;
    border : none;
	margin-left : 50px;
	margin-right : 10px;
	vertical-align : middle;
}

/* LA FAQ */

#corps_faq
{
   width : 600px;
   height : 800px;
   margin-left : 300px;
   margin-top : 50px;
   margin-bottom : 220px;   
}

#corps_faq h1
{
   text-align : center;
   text-decoration : underline;
   margin-bottom : 50px;   
}

.question
{  
   font-size : 14px;
   font-weight : bold; 
   color : gray;
   margin-bottom : 10px;
}

.reponse
{  
   font-size : 18px;
   color : #660099;
   margin-bottom : 40px;
}

/* LE LIVRE D'OR */

#corps_livredor
{
   width : 600px;
   height : 800px;
   margin-left : 300px;
   margin-top : 50px;
   margin-bottom : 220px;   
}

#corps_livredor h1
{
   text-align : center;
   text-decoration : underline;
   margin-bottom : 50px;   
}

#livredor_intro
{
   font-size : 22px;
}

#livredor_franck
{
   width : 560px;
   height : auto;
   margin : 40px auto;
   padding : 20px;
   border : 2px grey dashed;
   font-size : 18px;
}