@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: 386px;

height:300px;

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: 270px;

height:300px;

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*/