/*ceci est un fichier css appelé " designmaster.css"*/

/*Paramètres généraux du site*/

body
{
   width: 850px; /* Pour largeur fixe */
   height: 1300px;  /*Pour hauteur fixe*/
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
   background-color: rgb(235,235,235);  /*couleur du fond*/
}
img
{
	border: none;
}

/*cadre de pub 468X60 dans le corps*/
#pub
{
	width: 468px;
	height: 60px;
	margin-top: 0px;
	border: 0px solid blue;
	padding-left: 10px;
	padding-right:10px;
	margin: auto;
}
/*Texte déroulant en haut de page*/

#tete
{
	width: 794px;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px double blue;
}
/*Position de l'entête*/

#en_tete
{
   width: 794px;
   height: 84px;
   background-image: url("images/banniere_logo.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   border: 0px double blue;
}

/*Position du menu gauche*/

#menu_gauche
{
   float: left; /* Le menu flottera à gauche */
   width: 140px; /* Très important : donner une taille au menu */
}

/*Position du menu droit*/

#menu_droit
{
   float: right; /* Le menu flottera à droite */
   width: 140px; /* Très important : donner une taille au menu */
}

/*Infos pour les éléments*/

.element_menu
{
   background-color: rgb(235,235,235);
   border: 0px double blue; /* Cadre du menu*/
   margin-bottom: 0px; /* Pour éviter que les éléments du menu ne soient trop collés */
   height: 290px;
   
}
.texte_menu
{
	text-align: center;
}

/* Quelques effets sur les menus */

.element_menu h3 /* Tous les titres de menus */
{   
   color: black;
   font-size: medium;
   font-family: helvetica, Verdana, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   background-color: rgb(211,218,237);
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-type: square; /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   font-family: helvetica, Verdana, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.8em;
   
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: black;
   text-decoration: none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu - jaune */
{
   background-color: yellow;
   color: black;
}

/* Le corps de la page */

#corps
{
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right:140px; /* Une marge à droite pour pousser le corps, afin qu'il ne passe plus sous le menu */
   height: 880px;  /*Hauteur du corps de page*/
   width: 460px;
   font-family: helvetica, verdana, serif;
   padding: 40px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: black;
   text-align: justify;
   background-color: rgb(235,235,235); /* Une couleur de fond pour le corps */
   font-size:0.9em;
   padding-top: 0px;
   
}
#corps h1
{
   color: black;
   text-align: center;
   font-family: helvetica, verdana, arial, times, Times, serif;
   font-size: 1.2em;
}

#corps h2
{
   color: black;
   text-align: left;
   padding-left: 40px;
   font-family: helvetica, verdana, arial, times, serif;
   font-size: 1em;
}
#corps h3
{
	color:black;
	text-align:left;
	padding-left: 70px;
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.9em;
}
#corps h4
{
	color:black;
	text-align:center;
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 1.1em;
	text-decoration: none;
}
#corps ul
{
	font-size: medium;
	font-weight: bold;
	padding-left: 10px;
}
#corps a:hover		 /* Quand on pointe sur un lien du corps - jaune */
{
	background-color: yellow;
	color: black;
	text-decoration: none;
}
#corps a
{
	color: navy;
}

/* Le pied de page (qui se trouve tout en bas,  pour google adsense) */

#pied_de_page
{
   width: 774px;
   height: 100px;
   background-color: rgb(235,235,235);
   border: 0px double blue;
   border-top: 0px;
   padding-left: 40px;
}

/* class specifique de mise en page*/

.photo120			/*centrer photo largeur 120px dans menu*/
{
	text-align:center;
}
.banniere468		/*centrer banniere largeur 468px dans corps*/
{
	margin: auto;
}
.sitemap a			/* position lien vers plan du site*/
{
	padding-left: 110px;
	color: black;
}
.partenaire a		/* position lien vers page partenaire*/
{
	padding-left: 300px;
	color: black;
}
.fin_de_page		/* format de la dernière ligne*/
{
	font-family: verdana, arial, times, serif;
	font-size: x-small;
	color: black;
}
.page_suivante
{
	font-family: helvetica, verdana, arial, times, serif;
	font-size: x-small;
	padding-left: 200px;
}
.date				/* fond & format date + ip */
{
	background-color: yellow;
	text-align: center;
	color: black;
}
.date1				/* fond & format date + ip */
{
	background-color: rgb(211,218,237);
	text-align: center;
	color: black;
}
.date2				/* fond & format date + ip */
{
	background-color: rgb(235,235,235);
	text-align: center;
	font-family:helvetica, verdana, arial, serif;
	font-size: .8em;
	color: black;
}
.voiture			/*format du texte voiture*/
{
	font-family:helvetica, verdana, arial, serif;
	font-size: .8em;
	text-align: justify;
	font-weight: normal;
}
.voiture_sous_titre 
{
	margin-left: 10px;
	font-weight: bold;
	font-size: medium;
}
.voiture_photo
{
	padding-left: 100px;
}
.poisson_texte
{
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.9em;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	height: 200px;
}

.poisson_photo
{
	float: right;
	border: none;
	width: 250px;
	padding-left: 35px;
}
.meteo
{
	float: right;
	border: none;
	width: 200px;
	padding-left: 35px;
}
.wc
{
	position: absolute;
	left: 800px;
	top: 1200px;
}
.logo_logiciel
{
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.8em;
	padding-left: 11px;
	padding-right: 20px;
	text-align: justify;
	height: 20px;
}
.logiciel_texte a
{
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.9em;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	text-decoration: none;
}
.logiciel_texte 
{
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.9em;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	text-decoration: none;
}
.titre_ht
{
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.9em;
	padding-left: 50px;
	font-weight: bold;
}
.plan_gauche
{
	float: left; /* Le menu flottera à gauche */
    width: 200px; /* Très important : donner une taille au menu */
	height: 630px;
    font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.8em;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	border: 1px solid blue;
}
.plan_droite
{
	float: right; /* Le menu flottera à droite */
	width: 200px; /* Très important : donner une taille au menu */
	height: 630px;
    font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.8em;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	border: 1px solid blue;
}
.code
{
	margin-left: 0px;
	padding-left: 0px;
}
.plan_accueil
{
	width: 440px;
	height:90px;
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.8em;
	padding-left: 0px;
	text-align: left;
	text-decoration: none;
	border: 0px solid blue;
}
.plan_accueil1
{
	width: 440px;
	height:60px;
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.8em;
	padding-left: 0px;
	text-align: left;
	text-decoration: none;
	border: 0px solid blue;
}
.plan_accueil2
{
	width: 440px;
	height:30px;
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.8em;
	padding-left: 0px;
	text-align: left;
	text-decoration: none;
	border: 0px solid blue;
}
.centrer
{
	text-align: left;
	text-decoration: none;
}
.color
{
	color:blue;
	font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.9em;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	text-decoration: none;
}
.partenaire_gauche 
{
	float: left; /* Le menu flottera à gauche */
    width: 140px; /* Très important : donner une taille au cadre */
	height: 300px;
    font-family: helvetica, verdana, arial, times, serif;
	font-size: 0.7em;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	color: black;
	text-decoration: none;
	border: 1px solid blue;
}
.refpo
{
	margin-right: 25px;
}
.ip
{
	font-family:helvetica, verdana, arial, serif;
	font-size: .8em;
	text-align: center;
	font-weight: normal;
}
.newsletter
{
	margin: 0px;
	color: green;
	text-align: left;
	margin-left: 580px;
	width: 262px;
	background-color: rgb(211,218,237);
	border: 1px solid blue;
}
.cent
{
	text-align:center;
}
.margau
{
	margin:auto;
}