/* CSS Document */

/*------------ Balises générales -------------*/


body{background-color:#333; font-size:12px; color:#333333; font-family:Arial, Verdana, Helvetica, sans-serif; margin:0px; padding:0px; overflow-y:scroll }
ul{margin:0; padding:0; list-style-type:none;}
img{border:none; outline:none;}
a img{border:none; outline:none;}
a:hover img{border:none; outline:none;}
img a{border:none; outline:none;}
img:hover {border:none; outline:none;}
h1,h2,h3,h4{font-weight:normal; margin:0; padding:0; text-align:left; }
h1{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:22px; color:#636263; font-weight:normal; }
h2{font-family:Arial, Verdana, Helvetica, sans-serif;  font-size:22px; color:#636263; font-weight:normal; margin-bottom:15px;}
h2 span{color:#333; line-height:10px; }
h3{font-family:Arial, Verdana, Helvetica, sans-serif;  font-size:15px; color:#636263; font-weight:bold; }
p{font-size:11px; margin:0.3em 0 0.7em 0; text-align:justify;}
a{color:#636263; padding:0; margin:0; text-decoration:none; outline:none;}
a:hover{color:#000000; text-decoration:underline; outline:none;}


.small1 {font-size:10px;}
.small2 {font-size:9px;}
.gris1 {color:#999999;}

span.point {font-weight:bold; color:#ffffff; font-size:14px; padding:0px 5px;}

.spacer {clear:both;}

#main {background-color:#969593; width:100%; background-image:url(../files/bg-general.jpg); background-position:0px 0px; background-repeat:repeat-x;}

#header {width:900px; margin:0px auto; height:130px; background-image:url(../files/bg-general.jpg); background-position:0px 0px; background-repeat:repeat-x; border-bottom: 1px solid #636263;}
#header #logo {padding:35px 0px 0px 0px;}

#footer {background-color:#333333; width:100%; background-image:url(../files/bg-footer.jpg); background-position:0px 0px; background-repeat:repeat-x; padding:10px 0px;}
#footer .content{width:900px; margin:0px auto 50px auto; font-size:10px; color:#999999; font-size:10px; text-transform:uppercase; display:block; }
#footer .content a{color:#999999; margin:1px 7px; }
#footer .content a:hover{color:#ffffff; text-decoration:none; }

#footer .content ul.footertop {margin:10px 0px 15px 0px; border-left:1px dotted #999; float:left;}
#footer .content ul.footertop li{float:left; padding:0px 10px; border-right:1px dotted #999;}

#footer .content ul.footerbottom {margin:10px 0px 15px 10px;  float:right;}
#footer .content ul.footerbottom a {color:#666;}
#footer .content ul.footerbottom a:hover {color:#ccc;}
#footer .content ul.footerbottom li{float:left; font-size:9px; padding:0px; color:#666;}

#menu {width:900px; margin:0px auto 10px auto; display:block; clear:both;}
#menu ul{height:40px; width:900px; background-image:url(../files/menu-li-separe.gif); background-repeat:no-repeat; background-position:0px 50%; border-bottom:1px solid #b0aead; padding:1px 0px; display:block; clear:both;}
#menu ul li{height:40px; float:left; background-image:url(../files/menu-li-separe.gif); background-repeat:no-repeat; background-position:100% 50%; }
#menu ul li a {height:33px; padding:7px 5px 0px 7px; text-transform:uppercase; color:#636263; display:block; text-decoration:none; font-size:11px;}
#menu ul li a:hover {height:35px; padding:5px 5px 0px 7px; text-transform:uppercase; color:#ffffff; border-top:2px solid #ffffff; display:block; text-decoration:none;font-size:11px;}



#bandeau-visu {width:900px; height:222px; position:relative; margin:0px auto; background-image:url(../files/bg-bandeauvisu.png); background-repeat:no-repeat; background-position:0px 0px; display:block; clear:both;}
#bandeau-visu a.btn-url {height:222px; width:53px; position:absolute; top:0px; right:-53px; background-image:url(../files/btn-url.png); background-repeat:no-repeat; background-position:0px 0px;}
#bandeau-visu a.btn-url:hover {background-position:-53px 0px;}


#flashContent {width:891px; height:291px; margin:5px 0px 0px 5px;}

#flashContent2 {width:900px; height:222px; margin:0px;}

#contener{width:900px; margin:0px auto 0px auto; position:relative;}
#contenu {width:900px; float:left; margin:15px 0px 25px 0px;}

#contenu .left {float:left; width:440px; margin:0px; padding:15px 50px 15px 160px; color:#444444; background-image:url(../files/blocleft-bg.png); background-repeat:no-repeat; background-position:100% 25px;}
#contenu .left ul{ margin: 10px 0px;}
#contenu .left ul li{ padding:3px 0px 3px 30px; background-image:url(../files/li-bg.jpg); background-repeat:no-repeat; background-position:15px 10px;}

#contenu .right { float:right; position:relative; width:200px; margin:0px; padding:25px 0px 0px 50px;}
#contenu .right h3{ padding-bottom:10px; font-size:12px; margin-bottom:10px; border-bottom:1px dotted #636263; color:#333; text-transform:uppercase; }
#contenu .right ul{ margin-bottom:25px; color:#666}


.btn-more {font-size:10px; color:#333333; text-decoration:none; float:right;}
.btn-more:hover {font-size:10px; color:#000000; text-decoration:none;}

form {margin:0px; padding:0px;}
form label {width:50px; margin:2px 10px 2px 0px; float:left;}
form input {background-color:#333333; border:1px solid #cccccc; color:#cccccc; font-size:10px; width:150px;}
form textarea {background-color:#333333; border:1px solid #cccccc; color:#cccccc; font-size:10px;  width:380px;}

.btn-envoyer {color:#ffffff; background-color:#333333; border:0px ; margin:15px 0px 5px 60px; width:380px;}

.hint {z-index:99;}


#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:98;
	opacity:0.8;
	filter: alpha(opacity=80);
}

#filtercgu
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:98;
	opacity:0.8;
	filter: alpha(opacity=80);
}

#box 
{
	display: none;
	position: absolute;
	top: 122px;
	left: 50%;
	width: 760px;
	height: 500px;
	padding: 0;
	margin:0px 0px 0px -380px ;
	border: 0px solid black;
	background-color: #222222;
	z-index:99;
	overflow: auto;
}





#boxcgu 
{
	display: none;
	position: absolute;
	top: 122px;
	left: 50%;
	width: 760px;
	height: 460px;
	padding: 0;
	margin:0px 0px 0px -380px ;
	border: 0px solid black;
	background-color: #222222;
	z-index:99;
	overflow: auto;
}



.boxcontent
{
	margin: 35px auto 0px auto;
	color:ffffff;
	padding:0px 25px 25px 25px;
	
}

.boxcontent p
{
	color:#cccccc;
}

.boxcontent h2
{
	margin: 10px 0px 15px 0px;
	padding: 10px 0px 15px 0px;
	color:#666666;
	border-bottom:1px dotted#666;
	
}

.boxcontent h3
{
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	color:#666666;
	border-top:1px dotted#333333;
	
}

.boxclose
{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-color:none;
	border:0px solid black;
	width:80px;
	height:20px;
	padding:20px;
	text-align:right;
	color:#999999;
	font-size:9px;
}

.boxclose:hover
{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-color:none;
	border:0px solid black;
	width:80px;
	height:20px;
	padding:20px;
	text-align:right;
	color:#ffffff;
	font-size:9px;
	text-decoration:none
}