@charset "utf-8";
/* CSS Document */

html, body {
	padding: 0;
	margin:0;
	height:100%;
}
body{
	margin:0;
	font: 0.625em/1em  Arial, Verdana, "Times New Roman";
	background-color:#4a4849;
	color:#000;
}

h1{
	text-indent:-2000px;
	float:left;
}
h2{
	color:#245281;
	font-size:1.6em;
	margin:0;
	padding:10px 0;
}
p{
	margin:0;
	padding:5px 0;
}

/*=============================*/
/**  Classes de mise en page  **/
/*=============================*/
.bnull{border:0;}
.clear{clear:both;}
.gras{font-weight:bold;}
.left{float:left;}
.right{float:right;}
.right2{float:right; margin-right:20px;}
.italic{font-style:italic}
.tleft{text-align:left}
.tright{text-align:right}
.tcenter{text-align:center}
.bbleu{border-bottom:3px solid #245281; padding-bottom:2px;}
.mb5{margin-bottom:5px;}
.m16{margin-right:16px;}
.imp{display:none}
.brnull{border-right:none;}
.bgris{border:1px solid #7f7c7d;}
.ttop{vertical-align:top;}
.petit{font-size:0.8em}
.m10{margin:10px}
.souligne{text-decoration:underline}

.erreur, .reussite {
	font-size: 1.2em;	
	font-weight: bold;
	text-align: center;
	background-color:transparent;
}
.btop{
	border-top:1px dashed #01305e;
}
.erreur{
	color: #952121
}
.reussite {	
	color: #245281
}

a.mh{color:#FFFFFF; text-decoration:none;}
a.mh:hover{border-bottom:3px solid #245281; padding-bottom:2px;}
a.tgris{color:#b4b4b4; text-decoration:none;}
a.tgris:hover{color:#ffffff;}
a.tnoir{color:#000000; text-decoration:none;}
a.tnoir:hover{color:#012f5e;}
.tbleu{color:#245281; text-decoration:none; font-style:italic; font-weight:bold;}
.tbleu3{color:#245281;}
a.tbleu{color:#245281; text-decoration:none; font-style:italic; font-weight:bold;}
a.tbleu:hover{color:#4371a0;}
a.tbleu2{color:#000000; text-decoration:none; font-weight:bold;}
a.tbleu2:hover{color:#245281;}
a.tblanc{color:#8dc7ff; text-decoration:none; font-weight:bold;}
a.tblanc:hover{color:#ffffff;}
.lignep{
	border-top:1px dashed #01305e;
	margin-top:10px;
	height:10px;
	line-height:0;
	font-size:0;
	display:block;
	width:100%; 
}
.bacc{
	position:relative;
	width:170px;
	height:46px;
	padding:10px 15px;
	color:#000000;
	font-size:1.3em;
}

/*=============================*/
/**  Mise en Forme du design  **/
/*=============================*/
#contenu{
	position:relative;
	min-height:100%;
	width:100%;
	background-image:url(../theme/fpage.jpg);
	background-position:top center;
	background-repeat:repeat-y;
}
#site{
	position:relative;
	margin:0 auto;
	padding:0;
	width:950px;
	line-height:0;
	font-size:1.2em;
	line-height:1.2em;
	background-image:url(../theme/fpage.jpg);
	background-position:center;
	background-repeat:repeat-y;
}
#fond{
	position:absolute;
	height:118px;
	width:100%;
	top:0;
	left:0;
	background-image:url(../theme/fond.jpg);
}
#ban{
	position:relative;
	background-image:url(../theme/ban.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:100px;
	width:900px;
	padding:0 25px;
}
#recherche{
	position:absolute;
	width:199px;
	background-image:url(../theme/recherche.jpg);
	background-repeat:no-repeat;
	height:58px;
	top:0;
	right:25px;
}
#menu{
	position:relative;
	background-image:url(../theme/menu.jpg);
	height:30px;
	width:880px;
	padding:0 35px;
}
#pro{
	position:relative;
	line-height:30px;
	font-weight:bold;
	font-size:1.1em;
	float:right;
	text-align:right;
	color:#FFFFFF;
	font-variant:small-caps;
}
#menuh{
	position:relative;
	padding:0 10px;
	margin-top:8px;
}
#page{
	position:relative;
	background-image:url(../theme/hpage.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:868px;
	margin:0 25px;
	padding:19px 16px 50px 16px;
	color:#FFFFFF;
}	
#pied{
	position:absolute;
	height:40px;
	width:880px;
	bottom:0;
	left:50%;
	margin-left:-475px;
	padding:10px 35px 0 35px;
	line-height:40px;
	color:#b4b4b4;
	text-align:right;
	font-size:1.2em;
	background-image:url(../theme/pied.jpg);
}
#haff{
	position:relative;
	height:32px;
	width:188px;
	line-height:32px;
	display:block;
	font-size:1.2em;
	padding:0 5px;
	text-align:left;
	font-variant:small-caps;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../theme/hmenu.gif);
}
.barreb{
	position:relative;
	height:30px;
	background-image:url(../theme/lb.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:left;
	line-height:28px;
	font-weight:bold;
	font-variant:small-caps;
}
.stime{
	position:relative;
	width:668px;
	height:200px;
	float:left;
}
.dstime{
	position:relative;
	width:200px;
	height:200px;
	float:left;
}
.imgtime{
	position:relative;
	margin:30px 20px 0 20px;
	float:left;
}
.titrenoir{
	font-size:1.6em;
	font-weight:bold;
	color:#000000;
	margin-top:10px;
}

/*=============================*/
/**           menu ligne      **/
/*=============================*/
ul.ligne{
	margin:0 0 0 40px;
	padding:0;
	list-style-type:none;
}
ul.ligne li{
	margin:0;
	padding:0;
	display:inline;
}
ul.ulaccueil{
	margin:0;
	padding:0;
}
ul.ulaccueil li{
	margin:10px 0 10px 40px;
	padding:0;
}
ul.ligne2{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.ligne2 li{
	font-weight:bold;
	font-size:1.2em;
	margin:0 20px 0 0;
	padding:0;
	line-height:30px;
	display:inline;
}
ul.ligne3{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.ligne3 li{
	font-weight:bold;
	font-size:0.9em;
	margin:0 20px 0 0;
	padding-bottom:2px;
	display:inline;
	color:#FFFFFF;
}
ul.prod{
	position:relative;
	width:198px;
	list-style-type:none;
	margin:0 0 1px 0;
	padding:0;
}
ul.prod li{
	position:relative;
	border:1px solid #7f7c7d;
	padding:0 3px;
	font-size:0.8em;
	font-weight:bold;
	height:18px;
	color:#000000;
	line-height:18px;
	margin:0 0 -1px 0;
	background-image:url(../theme/fprod.jpg);
}
ul.prod li:hover{
	background-image:url(../theme/fprod2.jpg);
}
ul.plan{
	position:relative;
	list-style-type:disc;
}
ul.plan li{
	margin:0;
	padding:3px 5px;
}
/*=============================*/
/**           moteur recherche     **/
/*=============================*/
#rech{
	margin-left:5px 
}/**/
#rech p{
	margin:0;
	padding:0;
	width:190px;text-align:left	
	}
#rech label {
	font-size:0.8em;
	color:#fff;	

}
.inmot,#envrech{	
    float: left;
    display: inline;
 }
 .inmot{
	margin-right:3px;
	height:22px;
	border:1px solid #012f5e;
 }
 p.inmot{
 
 }
 .mot{
	color:#8dc7ff;
	font-weight:bold
}
#envrech,#envrechd{
	cursor:pointer;
    font-weight:600;
	text-decoration:none;
}
#envrech{
	width:26px;
	height:26px;
	line-height:26px;
}
#envrechd{
	width:76px;
	height:24px;
	line-height:24px;
}
#rech_det a{
	margin-left:5px;
	color:#fff;
	font-size:0.8em
}
a.tb_vi:visited{color:#ffffff;}


/*=============================*/
/**           pages     **/
/*=============================*/
/*** catalogue***/
.flash{
	position:relative;
	width:868px;
	height:200px;
	background-image:url(../theme/flash.jpg);
}
.affiche{
	position:relative;
	width:198px;
	background-image:url(../theme/faffiche.jpg);
	float:left;
	text-align:center;
	margin:16px 16px 0 0;
}
.ztexte{
	position:relative;
	float:left;
	width:654px;
	padding-top:19px;
	text-align:justify;
}
#baff{
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(../theme/baffiche.jpg);
	height:12px;
	width:198px;
	font-size:0;
	line-height:0;
}
.marque{
	position:relative;
	height:25px;
	width:634px;
	padding:25px 10px 0 10px;
	background-image:url(../theme/marque.gif);
	line-height:25px;
	text-align:left;
	font-weight:bold;
	margin:-16px 0 20px 0;
	color:#FFFFFF;
}
.marque2{
	position:relative;
	height:25px;
	width:634px;
	padding:25px 10px 0 10px;
	background-image:url(../theme/marque2.gif);
	line-height:25px;
	text-align:left;
	font-weight:bold;
	margin:-10px 0 20px 0;
	color:#FFFFFF;
}
.annonce{
	margin:0 150px;
	padding:10px;
	border:3px double #012f5e;
	text-align:center;
	color:#012f5e;
	font-weight:bold;
	background-color:#c4d3e3;
}
.annonce2{
	margin:0 100px;
	padding:10px;
	border:3px double #012f5e;
	text-align:center;
	color:#012f5e;
	font-weight:bold;
	background-color:#c4d3e3;
}

/**  Tableau  **/
table{border:none; margin:0; padding:0;}
th{ background-color:#01305e; color:#FFFFFF; padding:1px 3px; font-variant:small-caps;}
td{padding:5px; margin:0; border-right:1px dashed #01305e; border-bottom:1px dashed #01305e;}
tr{border:0; margin:0; padding:0;}

/*** page contact ***/
#page fieldset {
width:760px;
margin: 20px 45px; /* fixer sinon pble ie6 et ie7 */
    padding-top:20px;
    padding-bottom:20px;
	border: #fff 1px solid ;
}
legend {
	color: #fff;
    }
 form p {/*background-color:red;*/
    float: left;
     display: inline;
     text-align: right;
     width: 300px;
     margin: 5px 0 5px 20px
 }
    #page p.message{	
        width:500px		
    }
	#page p.mail  {
        width:316px /* = "form p width" + 16px */
    }
        #page textarea, input, select{
            vertical-align: middle;
            background-color: #fff;
			color: #000;
        }
#page a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#page a.aide img {
	margin: 0;
	padding: 0;
	border: 0;
}
#page a.aide:hover {	
	cursor: help;
}

.valid,.valid:hover, .valid:focus, .valid:active{
	color:#fff; 
	border:1px solid #012f5e;
    cursor:pointer;
    font-weight:600;
    height:21px;
	width:75px;
    padding-bottom:4px;
    text-align:center;
}	
.valid{/*normal fonc*/    
	background:#245281;
}

.valid:hover, .valid:focus, .valid:active{/*actif clair*/ 
	background:#4371a0;
}
#spam legend{
	color:#F00;
}
/*** page mentions ***/
#meng{
	position:relative;
	margin-left:40px;
	float:left
}
#mend{
	position:relative;
	margin-left:80px; 
	margin-bottom:40px;	float:left		
}

/*=============================*/
/**           Hack            **/
/*=============================*/
*+html #site{padding-left:1px;}