

body
{
	background-image:url(images/fond.jpg);
	background-repeat:repeat;
	width:1024px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#4f4f4f;
}

#fond
{
	width:867px;
	margin:auto;
	margin-top:10px;
}

#header
{
	background-image:url(images/header.jpg);
	width:310px;
	height:146px;
	background-repeat:no-repeat;
	float:left;
}

#connexion
{
	float:right;
	border:2px solid #ebebeb;
	background-color:#f8f8f8;
	width:350px;
	height:50px;
	margin-top:74px;
}

#connexion p, form
{
	padding:14px 10px 10px 10px;
}


#connexion input
{
	border:1px solid black;
	font-size:11px;
	font-style:italic;
	padding-left:4px;
	height:100%;
}

.envoyer
{
	background-color:#454545;
	font-style:normal;
	height:100%;
	color:#FFFFFF;
}

#menu
{
	background-image:url(images/menu-fond-1.png);
	width:873px;
	height:60px;
	clear:both;
	font-size:22px;
}

#menu li
{
	float:left;
	list-style-type:none;
	font-size:20px;
	margin-top:16px;
}

.barreSeparation
{
	margin-top:-6px;
	margin-left:18px;
	margin-right:18px;
}

.aligneTexteMenu
{
	float:left;
}

#menu a
{
	color:#4f4f4f;
	text-decoration:none;
}

#menu a:hover
{
	color:#119ad7;
	text-decoration:none;
}

.log
{
	margin-top:-14px;
	float:left;
	font-size:11px;
	font-weight:bold;
}

.logTexte
{
	margin-top:2px;
	margin-left:4px;
	float:left;
	font-size:11px;
	font-weight:bold;
}

.log img
{
	margin-right:28px;
	margin-top:5px;
}

.accesProfil
{
	margin-top:6px;
	float:right;
	margin-right:40px;
	font-size:11px;
	font-weight:bold;
}

.accesProfil a
{
	color:#4f4f4f;
}

.accesProfil a:hover
{
	color:#4f4f4f;
}

#choixLangue
{
	float:right;
	margin-top:-22px;
}

#choixLangue select
{
	margin-right:10px;
	background-color:#dedede;
	color:#626262;
	border:1px solid #5a5a5a;
}

.france:before
{
	content: url("images/drapeauFr.jpg");
}

#hautCorp
{
	background-image:url(images/hautCorp.png);
	height:20px;
	background-repeat:no-repeat;
	margin-left:0px;
}

.motif
{
	background-image:url(images/motif.jpg);
	background-repeat:repeat-x;
	width:848px;
	margin-left:10px;
}

#fondCorp
{
	background-image:url(images/fondCorp.png);
	height:100%;
	background-repeat:repeat-y;
	margin-left:3px;
}

#fondCorp h1
{
	margin-left:14px;
}

#fondCorp h3
{
	font-size:17px;
	font-weight:bold;
	line-height:120%;
}

.aligneImage
{
	margin-top:14px;
}

#fondCorp p
{
	font-size:12px;
	margin:16px 4px 4px 10px;
	margin-left:25px;
	margin-right:25px;
}

#fondCorp h2
{
	font-size:17px;
}

.download_h2
{
	margin-left:50px;
}

.descriptionDownload
{
	font-weight:bold;
	font-size:11px;
}

#alignIcone
{
	padding-left:264px;
	padding-right:264px;
}

#alignIcone img
{
	padding-right:20px;
}

.alignIconeDroite
{
	float:right;
}

.alignIconeGauche
{
	float:left;
}

.texteIcone
{
	font-weight:bold;
	font-size:12px;
	padding-right:34px;
	line-height:180%;
}

.texteIcone a
{
	color:#4f4f4f;
}

#fondCorp table img
{
	margin-left:18px;
	float:left;
	padding-right:8px;
}

#basCorp
{
	background-image:url(images/basCorp.png);
	height:10px;
	background-repeat:no-repeat;
	margin-left:2px;
	clear:both;
}

#formUpload
{
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

.checkBox
{
	border:1px solid #5a5a5a;
	background-color:#f4f4f4;
}


.parcourir
{
	border:1px solid #5a5a5a;
	background-color:#eeeeee;
	color:#333333;
}

.envoyerFile
{
	border-style:none;
	background-color:#0269bb;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#hautFooter
{
	background-image:url(images/hautFooter.jpg);
	height:5px;
	background-repeat:no-repeat;
}

#corpFooter
{
	background-image:url(images/corpFooter.jpg);
	height:100%;
	background-repeat:repeat-y;
	margin-top:10px;
	margin-left:6px;
}

#corpFooter p
{
	text-align:center;
	font-size:11px;
}

#basFooter
{
	background-image:url(images/basFooter.jpg);
	height:5px;
	background-repeat:no-repeat;
}

#footerCopyright p
{
	float:left;
	font-size:11px;
	margin-left:10px;
}

#footerMenu
{
	float:right;
	font-size:9px;
}

a
{
	color:#0394d5;
	text-decoration:none;
}

a:hover
{
	color:#076c99;
	text-decoration:underline;
}

img
{
	border:none;
}

.naad td {			width: 250px;			white-space: nowrap;			padding-right: 5px;		}
.naad tr:nth-child(2n+1) {			background-color: #EEEEEE;		}
.naad td:first-child {			font-weight: bold;		}
.naad td:nth-child(2) {			text-align: right;			font-family: monospaced;		}		orm {		margin: 0;	padding: 0;}
div.fieldset {	border:  1px solid #afe14c;	margin: 10px 0;	padding: 20px 10px;}
div.fieldset span.legend {	position: relative;	padding: 3px;	top: -30px;	font: 700 14px Arial, Helvetica, sans-serif;	color: #73b304;}
div.flash {	width: 375px;	margin: 10px 5px;	border-color: #D9E4FF;	-moz-border-radius-topleft : 5px;	-webkit-border-top-left-radius : 5px;    -moz-border-radius-topright : 5px;    -webkit-border-top-right-radius : 5px;    -moz-border-radius-bottomleft : 5px;    -webkit-border-bottom-left-radius : 5px;    -moz-border-radius-bottomright : 5px;    -webkit-border-bottom-right-radius : 5px;}
input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */label { }
#btnSubmit { margin: 0 0 0 155px ; }
/* -- Table Styles ------------------------------- */td {	font: 10pt Helvetica, Arial, sans-serif;	vertical-align: top;}
.progressWrapper {	width: 357px;	overflow: hidden;}
.progressContainer {	margin: 5px;	padding: 4px;	border: solid 1px #E8E8E8;	background-color: #F7F7F7;	overflow: hidden;}
/* Message */.message {	margin: 1em 0;	padding: 10px 20px;	border: solid 1px #FFDD99;	background-color: #FFFFCC;	overflow: hidden;}
/* Error */.red {	border: solid 1px #B50000;	background-color: #FFEBEB;}
/* Current */
.green {	border: solid 1px #DDF0DD;	background-color: #EBFFEB;}
/* Complete */
.blue {	border: solid 1px #CEE2F2;	background-color: #F0F5FF;}
.progressName {	font-size: 8pt;	font-weight: 700;	color: #555;	width: 323px;	height: 14px;	text-align: left;	white-space: nowrap;	overflow: hidden;}
.progressBarInProgress,.progressBarComplete,.progressBarError {	font-size: 0;	width: 0%;	height: 2px;	background-color: blue;	margin-top: 2px;}
.progressBarComplete {	width: 100%;	background-color: green;	visibility: hidden;}
.progressBarError {	width: 100%;	background-color: red;	visibility: hidden;}
.progressBarStatus {	margin-top: 2px;	width: 337px;	font-size: 7pt;	font-family: Arial;	text-align: left;	white-space: nowrap;}
a.progressCancel {	font-size: 0;	display: block;	height: 14px;	width: 14px;	background-image: url(../images/cancelbutton.gif);	background-repeat: no-repeat;	background-position: -14px 0px;	float: right;}
a.progressCancel:hover {	background-position: 0px 0px;}
/* -- SWFUpload Object Styles ------------------------------- */
#article25{
font-size:0.9em;
font-family:"Trebuchet MS",sans-serif;
}

#article25 form{
margin:50px auto;
padding-top:1px;
}

#article25 form div{
margin:5px auto;
}

#article25 form p{
width:350px;
height:35px;
margin:auto;
margin-bottom:14px;
}

#article25 form label[for="url"],#article25 form input[id="submit_url"],#article25 form input[id="url"]{
font-family:"Trebuchet MS",sans-serif;
font-size:1.4em;
}

#article25 form label[for="url"]{
/*display:block;*/
float:left;
width:75px;
height:37px;
color:white;
font-weight:bold;
line-height:37px;
text-shadow:0px -1px 0px rgba(0,0,0,0.2);
-webkit-border-radius:5px 0px 0px 5px;
   -moz-border-radius:5px 0px 0px 5px;
        border-radius:5px 0px 0px 5px;
background:#09c;
background:-moz-linear-gradient(top,#51c3fa,#09c);
background:-webkit-gradient(linear,left top,left bottom,from(#51c3fa),to(#09c));
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,1) inset;
   -moz-box-shadow:0px 1px 1px rgba(0,0,0,1) inset;
        box-shadow:0px 1px 1px rgba(0,0,0,1) inset;
}

#article25 form input[id="url"]{
/*display:inline-block;*/
width:265px;
height:100%;
padding-left:10px;
font-weight:bold;
border:none;
color:#cecece;
text-shadow:0px 1px 0px #000;
background:#1f2026;
-webkit-border-radius:0px 5px 5px 0px;
   -moz-border-radius:0px 5px 5px 0px;
        border-radius:0px 5px 5px 0px;
-webkit-box-shadow:0px 1px 1px #000 inset;
   -moz-box-shadow:0px 1px 1px #000 inset;
        box-shadow:0px 1px 1px #000 inset;
}

#article25 form input[id="url"]:focus{
outline:none;
-webkit-box-shadow:0px 0px 3px #000;
   -moz-box-shadow:0px 0px 3px #000;
        box-shadow:0px 0px 3px #000;
}

#submit_url{
width:95px;
height:30px;
font-size:1em;
font-weight:bold;
border:none;
color:#cecece;
text-shadow:0px -1px 0px #000;
background:#1f2026;
background:-moz-linear-gradient(top,#1f2026,#15161a);
background:-webkit-gradient(linear,left top,left bottom,from(#1f2026),to(#15161a));
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
-webkit-box-shadow:0px 0px 1px #000;
   -moz-box-shadow:0px 0px 1px #000;
        box-shadow:0px 0px 1px #000;
}

#submit_url:hover{
background:#343640;
background:-moz-linear-gradient(top,#343640,#15161a);
background:-webkit-gradient(linear,left top,left bottom,from(#343640),to(#15161a));
}

.meter { 
	height: 20px;  /* Can be anything */
	position: relative;
	margin: 60px 0 20px 0; /* Just for demo spacing */
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
		  color-stop(.25, rgba(255, 255, 255, .2)), 
		  color-stop(.25, transparent), color-stop(.5, transparent), 
		  color-stop(.5, rgba(255, 255, 255, .2)), 
		  color-stop(.75, rgba(255, 255, 255, .2)), 
		  color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
			-moz-linear-gradient(
			  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}

@-webkit-keyframes move {
0% {
   background-position: 0 0;
}
100% {
   background-position: 50px 50px;
}
}

.orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}

.red > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
	-webkit-animation: none;
	background-image: none;
}

.mention ol#liste-mention {
	margin:0 0 50px 0;
	list-style:none;
	color:#313131}

.mention ol#liste-mention > li > h2 {
	cursor:pointer;
	display:table;
	font-family:'BebasNeueRegular';
	font-size:22px;
	color:#fff;
	background:#575656;
	padding:5px 10px 5px 10px;
	margin:10px 0 10px 0}

.mention ol#liste-mention > li > a,.mention ol#liste-mention > li > a:hover {
	color:#fff;
	text-decoration:none}

.mention ol#liste-mention > li > p {
	display:none;
	margin:10px 0 10px 20px;
	color:#575656;
	font-family:Verdana, Arial, tahoma, sans-serif;
	font-size:12px;
	line-height:15px}
