/* CSS Document */


/* MISE EN PAGE GENERALE ------------------------------------------------- */
body {
	margin: 15px;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	background : url(images/fond.gif);
	background-color: #ffffff;	
	}
	
a {color : #ff0000; text-decoration:none;}
a:hover, a:focus, a:active {color: #ff0000; text-decoration:underline;}
	
h1, h2, h3, h4, h5, h6{font-family: verdana, sans-serif;}
h1
	{font-size: 13px; color : #ff0000;
	font-weight:bold;
	text-transform : uppercase;
	background : url(images/flech_rouge.gif);
	background-position : left;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #ff0000;
	padding-bottom: 0px; padding-top: 0px; padding-left: 15px;
	margin-bottom:0px; margin-right:0px; margin-top:0px;
	}
	
h2{
font-size: 11px;  color : #ff0000;
font-weight: bold;
text-transform:uppercase;
padding-bottom:15px;
	}
h3{font-size: 12px;  color : #014db7;
	font-weight: bold;
	}
	
	h4{font-size: 14px;  color : #014db7;
	font-weight: bold;
	}

.texte_gras
	{
	font-weight:bold;
	}

.cell_corps {
	padding: 10px;
	text-align: left;
	color : #014db7;
	}
	
.cell_corps p {
	margin: 0px; margin-top: 5px;
	}
	
/* BORDURES ET IMAGES DE FOND HABILLAGE CELLULES  ------------------------------------------------- */
.cell_bord { background-color : #014db7; }

#cell_header_top {
	background : url(images/header.jpg);
	/* background-position: top left; */
	background-repeat: no-repeat;
	}

#cell_header
	{
	background : url(images/fond_header.jpg);
	background-position: top;
	color: #ffffff;
	font-size:12px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	}
	
#cell_header a
	{
	color: #ffffff;
	text-decoration : none;
	}
	
#cell_header a:hover
	{
	color: #014db7;
	}
	

#ombre_colg
	{
	background : url(images/fond_colg.jpg);
	background-position: left;
	}
	
#ombre_cold
	{
	background : url(images/fond_cold.jpg);
	background-position: right;
	}
	
#ombre_bas
	{
	background : url(images/fond_bas.jpg);
	background-position: bottom;
	}

/* BOUTON RETOUR ACCUEIL ---------------------------------------------------------- */
#btn_accueil {
	width : 110px;
	text-align: left;
	font-size: 11px; color : #014db7;
	font-weight:bold;
	background-image: url(images/btn_accueil.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 3px; padding-top: 1px; padding-left: 25px; padding-right: 3px;
	margin-top: 13px;
	} 

.btn_accueil {
	width : 110px;
	text-align: left;
	font-size: 11px; color : #014db7;
	font-weight:bold;
	background-image: url(images/btn_accueil.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 3px; padding-top: 1px; padding-left: 25px; padding-right: 3px;
	margin-top: 13px;
	} 
.btn_accueil_new {
	width : 110px;
	text-align: left;
	font-size: 11px; color : #014db7;
	font-weight:bold;
	background-image: url(images/btn_accueil.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 3px; padding-top: 1px; padding-left: 25px; padding-right: 3px;
	margin-top: 13px;
	} 
	
#btn_forum {
	width : 110px;
	text-align: left;
	font-size: 11px; color : #000;
	font-weight:bold;
	background-image: url(images/btn_forum.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 3px; padding-top: 1px; padding-left: 25px; padding-right: 3px;
	margin-top: 13px;
	}

/* MINI TAB COLONEE GAUCHE ET DROITE----------------------------------------------- */
.cell_minitab_tit {
	width : 116px;
	text-align: left;
	font-size: 10px; color : #ffffff;
	font-weight:bold;
	background-image: url(mini_tab/mini-tableau_tit.jpg);
	background-color : #175ec0;
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 3px; padding-top: 3px; padding-left: 17px; padding-right: 3px;
	margin-top: 13px;
	}
	
.cell_minitab_tit a{
	color : #ffffff;
	text-decoration : none;
	}
	
.cell_minitab_tit a:hover{
	color : #ffffff;
	text-decoration : underline;
	}
	
.cell_minitab_tit2 {
	width: 116px;
	text-align: left;
	font-size: 10px; color : #175ec0;
	font-weight:bold;
	background-image: url(mini_tab/mini-tableau_titgris.jpg);
	background-color : #d5d5d5;
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 3px; padding-top: 1px; padding-left: 17px; padding-right: 3px;
	margin-top: 13px;
	}
	
.cell_minitab_tit2 a{
	color : #175ec0;
	text-decoration : none;
	}
	
.cell_minitab_tit2 a:hover{
	color : #175ec0;
	text-decoration : underline;
	}

.cell_minitab_corps {
	width : 128px;
	font-family: Arial, sans-serif;
	background-image: url(mini_tab/mini-tableau_ht.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 5px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px;
	color : #014db7;
	text-align: justify;
	font-size: 10px;
	line-height: 12px;
	border-left : 1px solid; border-right: 1px solid;
	border-color: #014db7;
	}
	

	
.cell_minitab_corps2 {
	width : 128px;
	font-family: Arial, sans-serif;
	background-image: url(mini_tab/mini-tableau_htgris.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 4px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px;
	color : #014db7;
	text-align: justify;
	font-size: 10px;
	line-height: 12px;
	border-left : 1px solid; border-right: 1px solid;
	border-color: #d5d5d5;
	}
	
.bord_minitab {
	background-color : #014db7;
	}
	
.bas_minitab {
	/* margin-bottom: 10px; */
	width: 136px; height: 14px;
	background-image: url(mini_tab/mini-tableau_bas.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.bas_minitabgris {
	/* margin-bottom: 10px; */
	width: 136px; height: 14px;
	background-image: url(mini_tab/mini-tableau_basgris.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.liste_minitab {
	list-style-type: square;
	list-style-position:inside;
	margin:0px;
	padding-left: 5px;
	text-align:left;
	}
	
/* IMAGES DS MINI TAB COLONEE GAUCHE ET DROITE----------------------------------------------- */
.imagetab_gauche {
	position: relative;
	right: -4px;
	margin : 10px; margin-bottom: 5px; margin-top: 5px;
	}

.imagetab_droite {
	position: relative;
	right: -4px;
	margin : 10px; margin-bottom: 5px; margin-top: 5px;
	}
	
.imagetab_center {
	text-align: center;
	}
	
/* STYLE SAVIEZVOUS + BREVES ------------------------------------------------------------ */

#cell_saviezvous_tit {
	background-image: url(saviezvous/sav_ht.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#cell_breves_tit {
	background-image: url(saviezvous/breves_ht.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
.cell_saviezvous_corps {
	padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px;
	color : #014db7;
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	}
	
.bord_saviezvous {
	background-color : #ff0000;
	}
	
.bas_saviezvous {
	background-image: url(saviezvous/sav_b.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
/* POSITIONNEMENT DES BLOCS DS LA PAGE -------------------------------------------------------- */
.blocg_tit {
	float: left;
	clear: left;
	text-align: left;
	background-color:#00cc00;
	background-image: url(images/headmodulevert.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 165px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 25px; padding-top: 3px; padding-bottom: 3px;
	color: #014db7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.blocg_corps {
	float: left;
	clear: left;
	width : 205px;
	
	text-align: justify;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #00cc00;
	border-style :solid;
	padding :5px;
	}
	
.blocgrouge_tit2 {
	float: right;
	clear: left;
	text-align: left;
	background-color:#ff0000;
	background-image: url(images/headmodulerouge.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 165px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 25px; padding-top: 3px; padding-bottom: 3px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.blocgrouge_tit {
	float: left;
	clear: left;
	text-align: left;
	background-color:#ff0000;
	background-image: url(images/headmodulerouge.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 165px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 25px; padding-top: 3px; padding-bottom: 3px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.blocgrouge_corps {
	float: left;
	clear: left;
	width : 205px;
	text-align: justify;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #ff0000;
	border-style :solid;
	padding :5px;
	}

.blocgrouge_corps_grand {
	float: left;
	clear: left;
	width : 435px;
	text-align: justify;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #ff0000;
	border-style :solid;
	padding :5px;
	}	  
	
.blocgvert_corps_grand {
	float: left;
	clear: left;
	width : 435px;
	text-align: justify;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #00cc00;
	border-style :solid;
	padding :5px;
	}
	
.blocgvert_tit {
	float: left;
	clear: left;
	text-align: left;
	background-color:#00cc00;
	background-image: url(images/headmodulevert.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 165px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 25px; padding-top: 3px; padding-bottom: 3px;
	color: #014DB7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.blocgvert_corps {
	float: left;
	clear: left;
	text-align: justify;
	width : 205px;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #00cc00;
	border-style :solid;
	padding :5px;
	}
	
.blocgvert2_tit {
	float: left;
	clear: left;
	text-align: left;
	background-color:#FF0000;
	background-image: url(images/headmodulerouge.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 165px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 25px; padding-top: 3px; padding-bottom: 3px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.blocgvert2_corps {
	float: left;
	clear: left;
	text-align: justify;
	width : 205px;
	height:150px;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #FF0000;
	border-style :solid;
	padding :5px;
	}
	
	
.blocd_tit {
	float: right;
	clear: right;
	text-align: right;
	background-color:#cccccc;
	background-image: url(images/headmodule.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 168px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 22px; padding-top: 3px; padding-bottom: 3px;
	color: #014db7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}


	
.blocd_corps {
	float: right;
	clear: right;
	text-align: justify;
	color: #014db7;
	width : 205px;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #cccccc;
	border-style :solid;
	padding :5px;
	}
	
.blocdrouge_tit {
	float: right;
	clear: right;
	text-align: left;
	background-color:#ff0000;
	background-image: url(images/headmodulerouge.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 168px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 22px; padding-top: 3px; padding-bottom: 3px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.blocdrouge_corps {
	float:right;
	clear: right;
	color: #014db7;
	text-align: justify;
	width : 205px;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #00cc00;
	border-style :solid;
	padding :5px;
	}
	

.blocdvert_tit {
	float: left;
	clear: left;
	background-color:#00cc00;
	background-image: url(images/headmodulevert.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 168px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 22px; padding-top: 3px; padding-bottom: 3px;
	color: #014DB7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}	
	
.blocdvert_corps {
	float: right;
	clear: right;
	color: #014db7;
	text-align: justify;
	width : 205px;
	height:210px;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #00cc00;
	border-style:solid;
	padding :5px;
	}
	
	
.blocdvert2_corps {
	float: right;
	clear: right;
	color: #014db7;
	text-align: justify;
	width : 205px;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #ff0000;
	border-style:solid;
	padding :5px;
	}
	

	
/* IMAGES DS LES BLOCS CORPS DE PAGE -------------------------------------------------------------- */
.image_gauche {
	float: left;
	padding : 5px;
	}

.image_droite {
	float: right;
	padding : 5px;
	}
	
/* POSITIONNEMENT DES PRODUITS MIS EN AVANT -------------------------------------------------------- */
.produits_align {
	text-align: center;
	}
	
.texte_produits {
	width : 95px;
	text-align: left;
	margin-left: 7px;
	margin-right : 5px;
	}
	
/* ACCEDER A LA BOUTIQUE ------------------------------------------------------------------------ */
#acces_boutique {
	padding-left:15px;
	width:inherit;
	font-weight : bold;
		}
.espace_boutique {
	text-transform:uppercase;
	font-weight:bold;
	background-color:#B2CBED
	}
	
/* CADRE PLEINE LARGEUR ------------------------------------------------------------------------ */
.cadrerouge_tit {
	float: left;
	clear: left;
	background-color:#ff0000;
	background-image: url(images/headmodulerouge.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 168px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 22px; padding-top: 3px; padding-bottom: 3px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}

	
.cadrerouge_corps {
	float : left;
	clear: left;
	width : 435px;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #ff0000;
	border-style :solid;
	padding :5px;
	}  
	
.cadrebleu_image {
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #014db7;
	border-style :solid;
	width: 100px;
	height: 100px;
	background-color:#FFFFFF;
	}

	
	
.cadrerouge2_tit {
	float: left;
	clear: left;
	background-color:#ff0000;
	background-image: url(images/headmodule.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 168px; line-height: 10px;
	margin-top: 10px;
	padding-right :8px; padding-left: 22px; padding-top: 3px; padding-bottom: 3px;
	color: #014db7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	}
	
.cadrerouge2_corps {
	float : left;
	clear: left;
	width : 435px;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #cccccc;
	border-style :solid;
	padding :5px;
	}
	
	.cadrerouge3_corps {
	float : left;
	clear: left;
	width : 435px;
	color: #014db7;
	border-top : 1px; border-left: 1px; border-right :1px; border-bottom : 1px;
	border-color: #cccccc;
	border-style :solid;
	padding-right :3px;
	background-color:#FFFFFF
	}


	
/* POSITIONNER UN DIV A LA SUITE DES AUTRES ----------------------------------------------------- */

.divlibre {
	float : left;
	clear: left;
	width : 435px;
	padding :5px;
	}

/* FORMULAIRES ---------------------------------------------------------------------------------- */
form { display : block; margin : 0px; padding : 0px; padding-bottom : 5px;}

/* Interactions --------------------------------------------------------------------------------- */
fieldset {display : block; border : none; margin : 0; padding : 0;}

input, textarea {
	border : 1px solid #014db7;
	background-color: #ffffff;
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size :10px;
	border-width : 1px;
}

input[type], textarea[name] {background: #ffffff; color : #014db7;}

input[type=submit], input[type=reset] {background : #ffffff; color : #000;}

input[type=submit]:hover {background : #014db7;color : #fff;}

textarea {	width : 75%;}

p.field {margin : 0.5em 0 0 1em;}

p.field label {display : block; font-weight : bold;	font-size : 0.85em;}


/* FOOTER -------------------------------------------------------------------- */
#footer 
	{	
	height: 15px;
	color: #ffffff;
	padding-top: 3px;
	font-size:9px;
	text-align: center;
	line-height: 10px;
	background : url(images/fond_footer.jpg);
	background-position: top;
	}
	
#footer a {color : #ffffff;}

select {
color:#014db7;
font-size:10px;
font-weight:bold;
border:1px solid #000000;
border-color:#014db7
}