@charset "utf-8";











/* POUR METTRE LA MASCOTTE : 



- changer le background de "#logo" : remplacer (img/header.jpg) par (img/header_mascotte.jpg)



- changer le background de "#menu" : remplacer (img/menu.jpg) par (img/menu_mascotte.jpg)



*/







a {

text-decoration:none; 

}



body {



background: url(img/bg.jpg) repeat-x #23B7F5;



margin-top:30px;



font-family: Arial, Helvetica, sans-serif;



}



/* Bouton recherche loupe */



input name="recherche" {

 

height: 18px;

padding-left: 18px;

background:url(img/loupe.png) no-repeat 1px 1px;

 

}





/* CONTENEUR */







#tout {



margin-top:0;



padding:0;



width:660px;



}







/* HEADER AVEC LOGO */







#logo {

	background:url(img/header.jpg);

	height:110px;

	width:660px;

	text-align:right;

}



#favoris {

	width: 200px;

	font-size: 11px;

	color:#CCFF00;

	font-family:Arial, Helvetica, sans-serif;

	text-align:right;

	right: 10px;

	top: 10px;

	position: absolute;

	visibility: visible;

	left: 911px;





}



#search {



width: 150px;



float:right;



height: 100px;



margin-right: 10px;



text-align:right;



margin-top: 10px;



padding-left: 20px;



}







/* MENU HORIZONTAL */







#menu {



width:660px;



height:30px;



background:url(img/menu.jpg);



}



#menu a {



line-height: 30px;



text-decoration:none;



padding-left: 15px;



padding-right: 20px;



background: url(img/fleche_menu.gif) no-repeat left bottom ;



color: #fff;



}



#menu a:hover {



background: url(img/fleche2_menu.gif) no-repeat left bottom ;



color:#EC040A;



}







/* CENTRE ET CONTENU */







#centre {



width: 660px;



margin-top: 4px;



overflow:hidden;



margin-bottom:0;



}



#gauche {



width: 356px;



height:350px;



margin-top: 0;



margin-left:0;



margin-right: 4px;



margin-bottom:0;



background:#B2E2F7 url(img/gauche.jpg) repeat-x;



text-align:left;



display:block;



float:left;



}



#droite {



width: 300px;



height:350px;



margin:0;



background:#B2E2F7 url(img/gauche.jpg) repeat-x;



text-align:left;



margin-bottom:0;



display:block;



float:left;



}



h1 {



color:#004777;



font-size: 17px;



font-weight:normal;



margin-left: 20px;



margin-top: 15px;



margin-bottom: 10px;



}







p {



font-size: 12px;



margin-left: 25px;



margin-right: 25px;



letter-spacing: 1px;



margin-bottom: 10px;



margin-top: 10px;



}



p a {



color:#333333;



}



.gras a {



color:#004878;



font-weight:bold;



padding-left: 10px;



text-decoration:none;



}



.gras a:hover {



color:#2B72AC;



}







/* POUR LES AUTRES PAGES QUE LA PAGE INDEX */







#contenu {



width: 660px;



margin-top: 4px;



overflow:hidden;



background:#B2E2F7 url(img/gauche.jpg) repeat-x;



margin-bottom:0;



}



#cadre {



width: 420px;



height: 170px;



margin-top: 40px;



overflow:hidden;



background:#fff url(img/cadre.jpg);



margin-bottom:40px;



}



#cadre_gros {



width: 620px;



margin-top: 20px;



overflow:hidden;



background: url(img/cadre_gros.gif) no-repeat #B2E2F8;



text-align:left;



margin-bottom:20px;



}



.resultat {



margin-right: 6px;



float:left;



}







/* FORMULAIRE */







.formulaire {



margin-left: 20px;



margin-top: 10px;



border:0;



}



.formulaire p {



margin-left: 20px;



margin-top: 5px;



margin-bottom: 5px;



border:0;



}



	/* MENU ZONE MEMBRES */



	



#menu_gauche {



width:200px;



float:left;



margin-right: 10px;



}



#menu_gauche li{



list-style:none;



margin-bottom: 10px;



}



#menu_gauche li a{



font-size:14px;



color:#333;



text-decoration:none;



border-bottom: #333 dashed 1px;



}



#menu_gauche li a:hover{



border-bottom: #fff dashed 1px;



}







	/* BOUTON HEBERGER */



.heberger {



cursor: pointer;



width: 150px;



height: 20px;



border: none;



background: url("img/bouton.gif") no-repeat left top;



}



.heberger:hover {



background: url("img/bouton2.gif") no-repeat left bottom;



}







.envoyer{



cursor: pointer;



width: 150px;



height: 20px;



border: none;



background: url("img/envoyer.gif") no-repeat left top;



}



.envoyer:hover {



background: url("img/envoyer2.gif") no-repeat left bottom;



}







.ok {



cursor: pointer;



width: 150px;



height: 20px;



border: none;



background: url("img/ok.gif") no-repeat left top;



}



.ok:hover {



background: url("img/ok2.gif") no-repeat left bottom;



}







#resultat {



width: 300px;



float:left;



overflow:hidden;



}







	/* BOUTON SE CONNECTER */



.connecter {



cursor: pointer;



width: 150px;



height: 20px;



border: none;



background: url("img/bouton3.gif") no-repeat left top;



}



.connecter:hover {



background: url("img/bouton4.gif") no-repeat left bottom;



}



	/* BOUTON RECHERCHER */



.rechercher {



cursor: pointer;



width: 150px;



height: 20px;



border: none;



background: url("img/bouton5.gif") no-repeat left top;



}



.rechercher:hover {



background: url("img/bouton6.gif") no-repeat left bottom;



}







/* BAS JAUNE */







#bas {



background: url(img/bas.jpg);



width: 660px;



height: 200px;



margin-top: 4px;



margin-bottom:0;



text-align:left;



}







h2 {



color:#333;



font-size: 17px;



font-weight:normal;



margin-left: 20px;



padding-top:0px;



margin-top:0;



margin-bottom: 10px;



}



.image {



margin-left: 6px;



margin-right: 6px;



margin-bottom:0;



}



#legende a{



margin-left: 6px;



margin-right: 6px;



margin-top:0px;



font-size:10px;



color:#666666;



text-decoration:none;



}







/* LIENS DU BAS */







.footer {



margin-top: 0;



color:#000000;



font-size:10px;



letter-spacing: 0px;



}



.footer a {



color:#000000;



text-decoration:underline;



margin-left: 15px;



}



.footer a:hover {



color:#fff;



text-decoration:underline;



}



#footer {



width:660px;



height:30px;



margin-top:0;



background:url(img/footer.gif);



}





/*debut tag cloud*/

.tagcloud 

{

background-color: #FCFFCF; width: 200px; /* couleur de fond du tableau+taille */ 

border: 1px solid #BFBFBF; /* bordure+couleur du tableau */ 

padding: 2px; /* espace entre la bordure et le texte */

text-align: center; /* texte centré */ 

font-family: Arial, Helvetica, sans-serif; /* style d'écriture */ 

}

.tagcloud a {

text-decoration:none; /* pas de décoration sur les liens */

}

.tagcloud a:hover { /* changement de couleur au passage de la souris */ 

text-decoration:none; 

background-color:#DDDDDD; /* couleur d'arriere plan du lien survolé */ 

color:#FFFFFF; /* couleur du lien survolé */

}

.tag-1 { /* nom de la class*/ 

color:#AA3406; /* couleur du lien */

font-size: 16px; /* taille d'écriture */ 

font-weight:bold; /* gras */ 

}

.tag-2 {

font-size: 14px;

color:#070089;

}

.tag-3 {

font-size: 12px;

color:#BF2470;

}

.tag-4 {

font-size: 10px;

color:#333333;

}

/*fin tag cloud*/