/* CSS Document */

body {
     background-color: white;
	 color: black;
	 font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Geneva, sans-serif;
     font-size: 100%;
     }

a {	text-decoration: none; }
a img { border: 0px; }

p { text-indent: 40px; }

p strong {
	font-family: 'Times New Roman';
	font-size: 110%;
	}

h1 {
	font-family: 'Times New Roman', Verdana, Arial, sans-serif;
	font-size: 205%;
	text-transform: uppercase;
	letter-spacing: 6px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	}

h1:first-letter {
	font-size: 140%;
	}

h3 {
	border-bottom: solid 1px #ff9900;
	color: #ff9900;
	font-weight: normal;
	text-align: center;
	}

h4 {
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: underline;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

form {
	margin: 0px;
	padding: 0px;
	}

.left { float: left; }

.clear_flottant { clear: left; }
	
.center { text-align: center; }

.img_centre {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

.majuscule { text-transform: uppercase; }

.gras { font-weight: bold; }

.petit { font-size: 80%; }

.rouge { color: red; }
.bleu_clair { color: #00CCFF; }
.bleu_fonce { color: blue; }
.vert { color: green; }
.orange { color: orange; }
.jaune { color: yellow; }


/*============================================================================*/
/*                               Bannière                                     */
/*============================================================================*/

#banniere {
	width: 100%;
	height: 120px;
	background-image: url('http://www.parensud.fr/img/logo1.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	}

.ss_titre {
	font-size: 95%;
	font-variant: small-caps;
	letter-spacing: 1px;
	}

/*.lien_accueil { display: block;}
.lien_accueil { display: block; }*/


#g_menu {
	float: left;
	width: 220px;
	height: 38px;
	padding-left: 20px;
	text-align: left;
	}

#g_menu a { color: black; }
#g_menu a:visited { color: black; }
#g_menu a:hover { color: #FF9900; }

#mise_en_valeur {
	color: #FF9900;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 2px;
	}
	
#mise_en_valeur a { color: #FF9900; }
#mise_en_valeur a:visited { color: #FF9900; }

.deco_g_menu { margin-right: 10px; }

#d_menu {
	float: right;
	width: 240px;
	height: 70px;
	text-align: right;
	overflow: hidden;
	}

#recherche {
	width: 100%;
	height: 30px;
	background-color: #CCFF66;
	background-image: url('http://www.parensud.fr/img/logo2.jpg');
	background-repeat: no-repeat;	
	}
	
#formulaire {
	float: right;
	width: 180px;
	height: 20px;
	border: solid 1px green;
	margin-top: 4px;
	background-color: #F7FFE1;
	font-size:80%;
	}

#ok {
	float: right;
	margin: 10px;
	}


/*============================================================================*/
/*                                Menu                                        */
/*============================================================================*/

#menu {
	width: 180px;
	border-right: solid 10px #FF9900;
	overflow: hidden;
	padding-left: 5px;
	background-color: black;
	color: white;
	vertical-align: top;
	}

dl#menu { width: 100%; }

dl#menu dt {
	cursor: pointer;
	color: #999999;
	}

dl#menu li {
	text-align: left;
	color: #cccccc;
	font-style: italic;
	}
	
dl#menu li a { color: #cccccc; }
dl#menu li a:hover { text-decoration: underline; }
/*
#menu {
	float: left;
	width: 160px;
	height: 100%;
	background-color: #F4BE9D;
	background-image: url('img/fleur_menu.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	border-left: solid 1px black;
	border-right: solid 1px black;
	overflow: hidden;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Geneva, sans-serif;
}


#menu li a:hover { color: #DC1700; }

#menu dl { width: 100%; }

#menu dt {
	margin: 10px 0px 0px 10px;
	cursor: pointer;
}
*/
.logo_menu {
	padding-top: 80px;
	background-image: url('http://www.parensud.fr/img/logo3.jpg');
	background-repeat: no-repeat;
	}

.titre_menu {
	color: #CCFF66;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: 1px;
	}

.sous_titre_menu { color: #999999; }

.sous_menu { color: #999999; }

/*.sous_sous_menu { font-size: 95% }*/

/*#menu div a { color: #999999; }
#menu div a:hover { color: #FF9900; }

#menu span a { color: #CCCCCC; }
#menu span a:hover { font-style: italic; text-decoration: underline; }
*/


/*============================================================================*/
/*                                 Corps                                      */
/*============================================================================*/

#corps {
	height: 100%;
	padding: 15px;
	font-size: 95%;
	}

#corps a { color: black; }
#corps a:visited { color: black; }
#corps a:hover { font-style: italic; }

#arbre {
	height: 60px;
	/*border: solid 1px pink;*/
	font-size: 80%;
	vertical-align: middle;
	padding-left: 5px;
	}

#titre_page {
	font: 14px Verdana;
	font-variant: small-caps;
	color: #ff9900;
	margin-bottom: 45px;
}

#contact {
	float: left;
	width: 150px;
	height: 230px;
	margin: 30px 50px 30px;
	font-size: 80%;
	}

#contact img { border: solid 1px black; }

/* == Catalogue == */
.cadre_miniature {
	float: left;
	width: 94px;
	height: 160px;
	margin-left: 10%;
	margin-top: 20px;
	padding: 2px;
	border: solid 1px black;
	font-size: 90%;
	text-align: center;
	background: #cccccc;
	overflow: hidden;
	}

.pagination {
	padding-top: 4px;
	clear: both;
	text-align: right;
	}
	
.pagination a { color:#ff9900; }

/* == Détail == */
#cadre_detail {
	width: 500px;
	min-height: 250px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: dashed 1px green;
	background-color: #F5FFE0;
	font-family: Arial, Helvetica, sans-serif;
	}

#fiche_detail {
	margin-left: 260px;
	padding: 4px;
	background-color: white;	
	}

#fiche_detail ul {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	}

/* == Recherche == */
#titre_recherche {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: solid 1px black;
	}

#recherche_image {
	float: right;
	font-size: 80%;
	}

/* == Plan du site == */

#plan_site dt { font-variant: small-caps; }
#plan_site li {	padding-left: 40px;	}

/* == Plan des categories == */

#description_cat {
	font-size: 80%;
	}

/* == Nos référence == */

.cadre_reference {
	float: left;
	width: 154px;
	height: 117px;
	margin-left: 3%;
	margin-top: 20px;
	padding: 2px;
	border: solid 1px black;
	font-size: 90%;
	text-align: center;
	background: #cccccc;
	overflow: hidden;
	}


/*============================================================================*/
/*                                 Pied                                       */
/*============================================================================*/

#pied {
	height: 40px;
	/*margin-top : 10px;*/
	color: #999999;
	font-size: 75%;
	font-variant: small-caps;
	text-align: center;
	letter-spacing: 1px;
	}
	
.float_left { float: left; }

#pied a { color: #999999; }
#pied a:visited { color: #999999; }
#pied a:hover { color: #FF9900; text-decoration: underline; }



















.frame {
width: auto;
height: auto;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
}