﻿ /* CSS Document */

*	{ padding:0px; margin:0px; font-family:Arial,sans-serif; }

img	{ border:none; vertical-align:middle; }

body
	{
	background-color:#365674; color:#6C7E8C;
	background-image:url(Habillage/Fond-body.png); background-position:0px -70px; background-repeat:repeat-x; background-attachment:scroll;
	}

ul, ol, p, h1, h2, h3, h4, h5, h6, table, form	{ padding:5px 10px 5px 0px; }
ul, ol, p, table, form	{ padding:5px 10px 15px 10px; }
h1, h2, h3, h4, h5, h6	{ font-family: Arial,sans-serif; padding-top:15px; }


h1	{ font-size:24px; color:#192835; font-weight:normal; }
h2	{ font-size:18px; color:#192835; font-weight:normal; }
h3	{ font-size:15px; color:#192835; font-weight:normal; }
p, td, th, li	{ font-family:Arial, sans-serif; font-size:11px; line-height:16px; }
thead th	{ text-align:center; }
tbody th	{ text-align:right; }
td, th	{ padding:2px; }
ul, ol	{ margin-left:20px; padding-top:0px; font-size:11px; }
p	{ text-align:justify; }
table	{ padding:0px; margin:0px 5px 10px 5px; }

td ul	{ margin:0px; padding:0px; padding-left:20px; }

a		{ color:#5B93C1; text-decoration:none; }
a:hover	{ color:#000033; text-decoration:none; }

#BlocHaut a { color:#FFFFFF; text-decoration:none; }
#BlocHaut a:hover { color:#5B93C1; text-decoration:none; }

#BlocBas a { color:##99A9B8; text-decoration:none; }
#BlocBas a:hover { color:#FFFFFF; text-decoration:none; }


li	{ padding-left:10px; list-style:none; background-image:url(Habillage/Puce-li-gris.png); background-position:0px 5px; background-repeat:no-repeat; background-attachment:scroll; }


#BlocHaut, #BlocMilieu, #BlocBas	{ width:920px; margin-left:auto; margin-right:auto; padding:0px 36px 0px 36px; display:block; }

#BlocHaut
	{
	padding:0px 36px 12px 36px;
	background-image:url(Habillage/Fond-Haut.png); background-position:bottom center; background-repeat:no-repeat; background-attachment:scroll;
	}
#BlocHaut p	{ font-weight:normal; color:#FFFFFF; text-align:right; padding-top:0px; }

#BlocMenu, #BlocEntete, #BlocLogo { background-color:#FFFFFF; }

#BlocMenu { padding-top:4px; }
#BlocEntete { height:320px; padding:20px 0; position:relative; }
	#BlocLogo { width:260px; height:320px; float:left; }
	#BlocSlider { width:640px; height:320px; position:relative; float:right; }
		#BlocSlider .slideshow img {
			-webkit-border-radius:0 50px;
			-moz-border-radius:0 50px;
			-o-border-radius:0 50px;
			border-radius:0 50px;
			}
		#BlocSlider .slogan { width:420px; height:110px; z-index:9999; position:absolute; bottom:3px; right:10px; background-color:transparent; }

#BlocMilieu		{ background-image:url(Habillage/Fond-Milieu.png); background-position:top center; background-repeat:repeat-y; background-attachment:scroll; min-height:700px; }

#BlocBas		{ background-image:url(Habillage/Fond-Bas.png); background-position:top center; background-repeat:no-repeat; background-attachment:scroll; width:950px; padding:16px 15px 0px 15px; margin-bottom:25px; }
#BlocBas .Gauche	{ width:420px; float:left; font-size:9px; color:#1F3241; padding:5px; padding-left:15px; }
#BlocBas .Gauche a			{ color:#1F3241; }
#BlocBas .Gauche a:hover	{ color:#FFFFFF; }
#BlocBas .Droite	{ width:420px; float:right; font-size:11px; padding:5px; margin-right:5px; text-align:right; }
#BlocBas a	{ font-weight:bold; }

#MenuFlash	{ width:920px; height:360px; padding-bottom:20px; background-color:#FFFFFF; }

#MenuGauche ul li	{ background-image:url(Habillage/Puce-li-bleu.png); text-align:left; }

input[type=text],input[type=password],input[type=file],textarea	{ border:1px #5D778F solid; background-color:#F6F6F6; padding:2px 3px 3px 3px; font-size:12px; }
input[type=radio],input[type=checkbox]	{ border:none; }
input[type=submit],input[type=button]	{ background-color:#B3B9BF; color:#5D778F; border:none; padding:4px; }

#MenuGauche	{ width:200px; padding:30px; background-color:#F5F6F7; float:left; }
#MenuGauche h2	{ font-size:22px; color:#192835; font-weight:normal; }
#MenuGauche ul	{ padding:5px 10px 5px 10px; }

#MenuGauche div.Informations { width:200px; margin-left:-30px; padding-left:30px; color:#182631; border-left:3px solid #BD0014 }
#MenuGauche div.Informations h2 { color:#BD0014; }

#ContenuGrand	{ width:640px; padding:27px 0px 30px 0px; margin:0px 0px 0px 0px; float:right; }
#Contenu		{ width:380px; padding:23px 0px 30px 10px; margin:0px 20px 0px 20px; float:left; border-top:4px #F5F6F7 solid; }

#Actualites
	{
	width:200px; padding:24px 10px 30px 10px; float:right; min-height:340px; border-top:4px #F5F6F7 solid;
	background-image:url(Habillage/Fond-actus.png); background-position:0px 40px; background-repeat:no-repeat; background-attachment:scroll;
	}
#Actualites h2	{ font-size:22px; color:#192835; font-weight:normal; padding-bottom: 14px; }
#Actualites p	{ padding:0px 0px 0px 10px; width:100%; }
#Actualites ul	{ padding:0px; margin:0px 0px 0px 25px; }

.clr	{ float:none; clear:both; height:0px; line-height:0px; font-size:0px; }
.Petit	{ font-size:9px; }

big          { font-size:16px; font-weight:bold; color:#365674; }




/*=============================================================================================*/
/*==   MENU    ================================================================================*/
/*=============================================================================================*/
#nav { float:left; width:100%; list-style:none; margin:0; margin-left:-10px; padding:0; z-index:9999; background-color:#FFFFFF; }
#nav li { float:left; position:relative; display:block; padding:0 10px; margin:0; z-index:9999; background:url(Habillage/Bordure-Menu.png) no-repeat scroll top right; }
#nav li a { display:block; font-size:16px; color:#5B93C1; font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; }

#nav li a:hover, #nav li a.subhover { color:#000000; }

/*--- DROPDOWN ---*/
#nav ul{
	z-index:9999; list-style:none; margin-top:0; padding:6px 0; position:absolute; left:-9999px;
	min-width:160px; margin-left:0px; overflow:visible; background:url(Habillage/Fond-Menu.png) repeat scroll top center;
	-moz-border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; border-radius:8px;
}
#nav ul li{
	float:left; width:100%; margin:0; background:none;
}
#nav ul a{
	white-space:nowrap;
	display:block;
}
#nav li:hover ul {
	left:0;
	}
#nav li:hover ul li {
	text-align:left;
	padding:0px;
	-webkit-transition:-webkit-transform 0.075s linear;
	}
#nav li:hover ul li a {
	font-size:14px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;
	padding:5px 10px;
	color:#FFFFFF;
	text-decoration:none; line-height:14px;
}

#nav li:hover ul li a:hover { background:#375775; }

#nav li:last-child { background:none; }
/*=============================================================================================*/
/*=============================================================================================*/
