/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS de formulaires
	- Actualités / Brèves / Webline
	- Pages (et zones de bas de page)
	- Consultations
	- Agenda
	- CSS de menus
	- CSS du plan du site
	- CSS de signatures

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
li {
	margin-left: 25px;
}
body {	
	background:#BBBBBB url(visuels/fond.gif) top center repeat-y;
	text-align: left;
	margin: 0;
	padding: 0;		
}
body.interne {	
	background:#BBBBBB url(visuels/fond_interne.gif) top center repeat-y;
	text-align: left;
	margin: 0;
	padding: 0;		
}
td { 	/* Font idem que body */
	color:#33371b;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight: normal;
	font-style: normal;
}
h1 { 	/* Font idem que body - size + 6 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #8A282C;
}	
h2 { 	/* Font idem que body - size + 4 */
	font-family: Arial, Helvetica, sans-serif;
	color: #757575;
	font-size: 16px;
}
h3 { 	/* Font idem que body - size + 2 */
	font-family: Arial, Helvetica, sans-serif;
	color: #757575;
	font-size: 14px;		
}
blockquote {
	padding-left: 20px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
	color:#33371b;	
}
a:hover {
	color: #8a282c;
	text-decoration : underline;
}

a img{
	border:2px solid #FFF;
}
a:hover img{
	border:2px solid #8a282c;

}


#conteneur {
    width: 764px;
	margin-left: auto;
	margin-right: auto;		
}
#pied_page {
	padding: 20px 0px 10px 10px;
	background-color: #BED63E;	
}
#top {
    width: 764px;
	background-color : #BED63E;				
}
#breves {
    float: left;
	width: 404px;		
}
#breves h3 {	
	width : 320px;
	margin-left : auto;
	margin-right : auto;
	margin-top: 6px;
	margin-bottom: 6px;		
	text-align : left;	
	font-family: Arial, Helvetica, sans-serif;
	color: #8A282C;
	font-size: 11px;
	font-weight:normal;				
}
#logo_partenaires {
    float: left;
	width: 80px;	
	text-align: center;
}
#logo_partenaires img{
	border:0;
}
#logo_veb {
    float: left;
	width: 280px;	
}
#menu {	
    width: 764px;
	height: 21px;	
	background-image: url(visuels/fond_menu.gif);	
	background-repeat : no-repeat;
	background-color : #E8F0BB;
	text-align : left;
}
#contenu_menu {
	width: 640px;			
}
#contenu_centre {	
    width: 764px;	
	background-color:#FFFFFF;
	float:left;	
	margin:-1px 0px -3px 0px;
}
#lien1 {
	float: left;
	width : 153px;		
	text-align : center;	
}
#contenu_lien1 {
	width : 130px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	line-height : 18px;	
}	
#lien2 {
    float: left;
	width : 153px;	
}
#contenu_lien2 {
	width : 130px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	line-height : 18px;
}
#contenu_lien1, #contenu_lien2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747474;	
	text-decoration: none;
	font-weight : bold;	
}
#contenu_lien1 a, #contenu_lien2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747474;	
	text-decoration: none;
	font-weight : bold;	
}
#contenu_lien1 a:hover, #contenu_lien2 a:hover {
	color: #FFFFFF;
	background-color: #8A282C;	
}
#zone_visuel {
  	float: left;
	width : 458px;
}
#zone_visuel img{
border:0;
padding:0;
margin:0;}
#contenu_bas {
    width: 764px;
	height: 95px;		
}
#edito {
	float : left;
	width: 282px;
	background:#e8f0bb;					
}
#contenu_edito {
	width: 254px;
	text-align : left;
	margin-left : auto;
	margin-right : auto;	
}
#magasins {
	float : left;
	width: 482px;	
	text-align : left;
	background:#bed63e;	
}
#contenu_magasin1 {
	float : left;
	width : 212px;
	padding-left: 20px;		
}
#contenu_magasin2 {
	float : left;
	width : 220px;	
	margin-left: 22px;	
}
#contenu_magasin2 a.lien_magasin {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight : bold;	
	text-decoration: none;			
}
#contenu_magasin2 a.lien_magasin:hover {
	color: #8A282C;	
}
#magasins #menu_tech_bas {
	margin-top: 40px;	
}
.div_magasin2 {	
	margin-top : 3px;
}

#contenu_breves {
	font-family: Arial, Helvetica, sans-serif;
	color: #8A282C;
	font-size: 11px;
}

#contenu_magasin1 {	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight : normal;
}
a.lien_div_magasin2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight : bold;	
	text-decoration: none;			
}
a.lien_div_magasin2:hover {
	color: #8A282C;	
}

a.lien_div_magasin3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #A0B333;
	font-size: 12px;
	font-weight : bold;	
	text-decoration: none;			
}
a.lien_div_magasin3:hover {
	color: #8A282C;	
}
a.lien_fixe_accueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747474;	
	text-decoration: none;
	font-weight : bold;		
}
a.lien_fixe_accueil:hover {
	color: #FFFFFF;
	background-color: #8A282C;			
}


input,textarea {
	border: 1px solid #BED63E;
	background-color : #E8F0BB;
}
.interne {
	background: #FFFFFF;	
}
#page_interne_contenu {
	background-color: #FFFFFF;
	padding: 20px 30px;
	color: #33371b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
#page_interne_contenu a{ 
	font-weight:bold;
	text-decoration:underline;
}
#page_interne_magasin_contenu {
	width: 764px;
	background-color: #BED63E;	
}
#page_interne_img_mag {	
	float : left;	
    width: 482px;
}
#page_interne_liste_deroulante {	
	float : left;	
    width: 260px;
	margin-left: 10px;		
}
#page_interne_liste_deroulante #magasin {	
	color: #BED63E;
	font-weight: bold;
	font-size: 11px;
	background-color: #8A282C;
	width: 240px;	
}
#page_interne_liste_deroulante a.bt_valider {	
	padding : 4px 7px;
	background-color: #8A282C;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid #BED63E;
}
#page_interne_liste_deroulante a.bt_valider:hover {		
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
}

/* Informations CSS Formulaires */
/* ----------------------------------------------------------------------------------------------*/

#zone_log {		/* Login/Password pour l'accès aux pages réservées */
	width: 100%;	
	text-align:center;
}
#zone_log_formulaire {
	width: 160px;
	margin-left: auto; 
	margin-right: auto;	
	text-align: left;
}
.alerte_formulaire_ok {		/* CSS de formulaires en général */
	background:url(visuels/valide.gif);
	border:1px solid #008C42;
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
	color:#008C42;

}
.alerte_formulaire_ko {
	background:url(visuels/refuse.gif);
	border:1px solid #CC3131;
	color:#fff;
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

/******** Formulaire contacts **************/

#contacts_form{
	width: 520px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;	
}
#contacts_form input{
	border: 1px solid #BED63E;
	background-color : #E8F0BB;
}
#contacts_form p{
	color:#333333;
	font-size:12px;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	padding:5px;

}
.calage_centre{
	display:block;
	text-align:center;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:80px;
	text-align:right;
	margin-top:2px;
	margin-right:10px;
}
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
}
	
.asterisque {
	color: #ff0000;
}
.suptitre{
	font-weight:bold;
	font-size:24px;
	line-height:28px;
	letter-spacing:-1px;
	color:#8a282c;
	margin-left:20px;

}	
a.lien_bouton {
	display:block;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color : #E8F0BB;
	border: 1px solid #BED63E;
	padding: 3px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7b8735;		
	text-decoration: none;
	letter-spacing: 1px;
}
a.lien_bouton:hover {
	background-color: #8a282c;
	color: #FFFFFF;		
	text-decoration : none;	
	border: 1px solid #FFCC33;
}
.contacts_input {
	border-top : 2px solid #aaaaaa;
	border-bottom : 1px solid #cccccc;
	border-left : 1px solid #cccccc;
	border-right : 1px solid #cccccc;
	background:#ffffff;
	font-weight:bold;	
}

#contact_entete_col_1 {
	float: left;
	width: 260px;
}
#contact_entete_col_1 a {
	font-family: Arial, Helvetica, sans-serif;
	color: #A0B333;
	font-size: 12px;
	font-weight : bold;	
	text-decoration: none;			
}
#contact_entete_col_1 a:hover {
	color: #8A282C;	
}
#contact_entete_col_2 {
	float: left;
	width: 410px;
	margin-left: 30px;
	text-align: center;	
}
#contact_entete_col_2 .bloc_adresse {
	width: 400px;
	padding: 10px 5px;
	background-color: #E5EFB2;		
}
#contact_entete_col_2 .titre1 {
	font-size : 18px;
	font-weight : bold
}
#contact_entete_col_2 .titre2 {
	font-size : 15px;
	font-weight : bold
}
#contact_entete_col_2 .adresse {
	font-size : 13px;
}




/* Informations CSS Actualités / Brèves / Webline */
/* ----------------------------------------------------------------------------------------------*/

h2.news {		/* Titre de news en page "News" */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ABABAB;	
	font-weight: bold;
	font-style: normal;
}
h2.webline{		/* Webline */
	font-family: Arial, Helvetica, sans-serif;
	color: #7B8735;
	font-size: 11px;
	font-weight:normal;
}
h3.actu_titre {		/* Titre de news et contenus de brèves en page d'accueil */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;	
	color: #666666;
}
.actu_chapeau{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
}

/* Informations CSS Pages et "zones bas de page" */
/* ----------------------------------------------------------------------------------------------*/

h1.titre_page{		/* Titre de pages intérieures */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #8A282C;
	background:url(visuels/fleche_titre_page.gif) center left no-repeat;
	padding-left:20px;
}
#zone_contact{
	padding:0px 10px;
	width:350px;
	margin:0 auto;
	height : 38px;
	text-align : center;
	background-color : #E8F1BC;
	line-height : 18px;	
	color : #646E2C;	
}
#zone_contact a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646E2C;	
	text-decoration: none;	
}
#zone_contact a:hover {	
	color: #646E2C;
	text-decoration: underline;		
}



a.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #889B21;	
	text-decoration: none;		
}
a.contact:hover {
	color: #8A282C;			
}











#zone_printmode{
	width: 100%;
	text-align: right;
	margin-top: 10px;
}
#zone_printmode a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9A9A9A;	
	text-decoration: overline;
}
#zone_printmode a:hover {	
	color: #B7B7B7;	
	text-decoration: none;
}



/* Informations CSS de menu */ 
/* ---------------------------------------------------------------------------------------------- */

#menu_int {	
    width: 764px;
	height: 21px;	
	background-image: url(visuels/fond_menu.gif);	
	background-repeat : no-repeat;
	background-color : #E8F0BB;
	text-align : left;
}
#menu_int dl, dt, dd, ul {
	margin: 0;
	padding: 0;
	list-style-type: none;  
}
#menu_int dl 	{ 
	float: left;
	margin-top: 2px;
	margin-left:15px;
}
#menu_int li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu_int dt {

}
#menu_int dt a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7B8735;	
	text-decoration: none;
	font-weight : bold;				
}
#menu_int dt a:hover{
	color: #7B8735;	
	text-decoration: underline;
}
#menu_int dd {
	position: absolute;
	width: 180px;
	margin-top: 0px;
	/*background-color: #E8F0BB;*/
	background-image: url(visuels/fond-menu.png);
	background-repeat: repeat-x;
}
#menu_int ul {
	padding: 0px;
	padding-left: 5px;
}
#menu_int li {
	margin-top: 2px;
	text-align: left;
	height: 20px;
}
#menu_int li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 21px;
}
#menu_int li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.menu_sans_lien{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;					
}



/* Informations CSS Plan de site */
/* ----------------------------------------------------------------------------------------------*/

.plansite_1_noa{
	display:block;
	width:300px;
	padding: 2px 2px 2px 20px;
	margin-bottom:-13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;	
	font-weight: normal;
	font-style: normal;
	text-decoration : none;
	background-color: #a0a0a0;
}
a.plansite_1 {
	color: #7b8735;
	text-decoration : underline;
	font-weight:bold;
	display:block;
	width:200px;
	padding:0px;
	margin-top:-10px;	
}
a.plansite_1:hover {
	color: #8a282c;
	text-decoration : underline;
	font-weight:bold;		
}
a.plansite_2 {
	margin-left:20px;
	color: #7b8735;
	text-decoration : underline;
	font-weight:bold;
	display:block;
	width:200px;
	padding:0px;
	margin-top:-10px;	
}
a.plansite_2:hover {
	color: #8a282c;
	text-decoration : underline;
	font-weight:bold;		
}
a.plansite_3 {
	margin-left:40px;
	color: #7b8735;
	text-decoration : underline;
	font-weight:bold;
	display:block;
	width:200px;
	padding:0px;
	margin-top:-10px;	
}
a.plansite_3:hover {
	color: #8a282c;
	text-decoration : underline;
	font-weight:bold;		
}

/* Informations CSS Signatures */
/* ----------------------------------------------------------------------------------------------*/

a.jnbi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7B8735;	
	font-weight: normal;
	text-decoration : none;
}
a.jnbi:hover {
	color: #7B8735;
	text-decoration : underline;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7B8735;	
	font-weight: normal;
}
.txt_jnbi,.txt_jnbi a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7B8735;	
	font-weight: normal;
	text-decoration : none;
	text-align:right;
}
.txt_jnbi a:hover{
	color: #7B8735;
	text-decoration : underline;
}


.wsc_txt_vert {	
	font-family: Arial, Helvetica, sans-serif;
	color: #7B8735;
	font-size: 12px;
}
.wsc_titre_vert {	
	font-family: Arial, Helvetica, sans-serif;
	color: #BED63E;
	font-size: 18px;
	font-weight : normal;
}
.wsc_titre_marron {	
	font-family: Arial, Helvetica, sans-serif;
	color: #8A282C;
	font-size: 18px;
	font-weight : normal;
}