body{
	background-color:#F7F7F7;
	font:normal 87.5% Verdana,sans-serif;
	color:#666;
	}
a{text-decoration:none;}

h2{background:url(../images/picto_arrow.jpg)no-repeat;height:40px;padding-left:55px;font-size:1.1em;font-weight:bold;color:#006600;line-height:36px;margin-bottom:28px;}

.contact{background:url(../images/picto_contact.jpg)no-repeat;height:40px;padding-left:55px;font-size:1.1em;font-weight:bold;color:#006600;line-height:36px;margin-bottom:28px;}

h3{font-size:0.9375em;font-weight:bold;color:#006600;margin-bottom:18px}
	
header{
	background-color:white;
	height:89px;
	border-bottom:solid 1px #E2E2E2;
	}
	
#top{
	position:relative;
	height:90px;
	width:90%;
	max-width:1000px;
	margin:0 auto;
	}

#top img{margin-left:50px;}

#membres{
	position:absolute;
	top:0px;
	right:0px;
	width:120px;
	height:65px;
	padding:24px 0 0 50px;
	background:url(../images/picto_membres.jpg)no-repeat;
	}
	
#membres a{color:#666;font-weight:bold;font-size:0.75em;}
#membres a:hover{color:#999;}

/*==========WRAPPER============================================================*/
#wrapper{
	width:90%;/*1000px*/
	max-width:1000px;
	margin:0 auto;
	background-color:white;
	border-left:solid 1px #E2E2E2;border-right:solid 1px #E2E2E2;
	}
	
nav{
	height:50px;
	background-color:#F2F2F2;
	text-align:right;
	}
	
nav a{
	font-weight:bold;
	font-size:0.75em;
	color:#999;
	margin-right:4%;/*40px/1000px*/
	line-height:50px;/*centre vertical*/
	/*-webkit-transition:color 0.7s;
	-moz-transition:color 0.7s;
	-ms-transition:color 0.7s;
	-o-transition:color 0.7s;
	transition:color 0.7s;*/
	}
/*nav a:first-child{color:#006600;}*/
	
nav a:hover{color:#006600;font-weight:bold;font-size:0.75em;}

.lienactif{color:#060;}

figure img{
	max-width:100%;
	}

#centre{padding:20px;}

#left{
	float:left;
	width:63%;/*630px*/
	}
	
#left p{margin-bottom:24px;}

#left ul{margin:15px 0 55px 0;}

#left ul li{
	list-style-type: none;
	list-style-image: url(../images/tiret.png);
	margin-left:15px;
	}
	


#right{
	float:right;
	background:url(../images/bgDroite.jpg)no-repeat;
	width:259px;
	height:276px;
	padding:15px;
	}	

#right p{font-size:0.85em;margin-bottom:20px;}

.focus{color:#006600;font-weight:bold;}	
.focusGras{color:#333;font-weight:bold;}	

.clearfix{clear:both;}
a.lien_interne{font-weight:bold;color:#999;}
a.lienPagination_interne{font-weight:normal;color:#999;}
a.lien_interne:hover,a.lienPagination_interne:hover{color:#060;}
/*==========CONTACT & DEPOT============================================================*/
#results{color:red;margin-top:-20px;font-size:0.85em;text-align:center;}
.alert{font-size:0.85em;text-align:center;}
label{
	display:inline-block;
	width:120px;
	}
.labelExtend{width:150px;}
	
label.error{color:red;font-size:0.7em;margin-left:7px;}
	
.inputFile{
	display:inline-block;
	background-color:#FFF;
	border:1px solid #CCC;
	border-radius:5px 5px 5px 5px;
	width:360px;
	height:22px;
	margin-bottom:25px;
	}
	
.input{
	display:inline-block;
	background-color:#FFF;
	border:1px solid #CCC;
	border-radius:5px 5px 5px 5px;
	width:265px;
	height:28px;
	margin-bottom:25px;
	padding-left:5px;
	}
	
.textArea{
	background-color:#FFF;
	border:1px solid #CCC;
	border-radius:5px 5px 5px 5px;
	/*clear:left;
	float:left;*/
	height:164px;
	width:84%;/*530px/630px*/
	max-width:530px;
	}
	
.btEnvoyer{
	background:url(../images/bt_envoyer.jpg) no-repeat;
	border:0;
	clear:left;
	cursor:pointer;
	display:block;
	float:left;
	height:43px;
	width:151px;
	margin:60px 0 60px 0;
	opacity:0.8;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
	}
	
	
.btDepot{
	background:url(../images/bt_fichier.jpg) no-repeat;
	border:0;
	clear:left;
	cursor:pointer;
	display:none;
	float:left;
	height:43px;
	width:187px;
	margin:60px 0 60px 0;
	opacity:0.8;
	-webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	-o-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
	}

.btEnvoyer:hover,.btDepot:hover{
	opacity:1;
	}
	
.btEnvoyer:focus,.btEnvoyer:visited,.btDepot:focus,.btDepot:visited{outline-style:none;}
table{width:100%;background:rgba(0,102,0,0.1);margin-bottom:10px;}

td{border:1px solid black;padding:7px;}
.etat{color:#060;}
.inter{width:1px;}
table tr td:first-child{font-weight:bold;font-size:0.8em;}
td{font-size:0.9em;}
table tr td:nth-child(3){width:74%;}
.pagination{text-align:right;}
#upload{text-align:center;width:22%;margin:-32px auto 0 auto;display:none;}
.attention{border:solid 1px #006600;padding:7px;font-size:0.9em;}
.attention span{font-weight:bold;}
.attention img{float:left;margin-right:7px;margin-bottom:50px;}
.downloadPicto{float:left;margin:-12px 10px 0 0;}
#download{
	/*border: solid 1px #CCC;*/
	padding: 20px 20px 0px 20px;
	margin-bottom:20px;
	font-size: 0.9em;}
/*=========================PROGRESS BARRE=========================================*/
.groupProgress{ width:200px;height:10px;border:1px solid #999;background:#eee;margin-top:5px;}
 #barreProgress{width:0px;height:10px;background:#006600;}
 /*==========LIENS============================================================*/
 #listeLiens li {
	/*list-style-type: none;
	list-style-image: url(../images/arrowLink.png);
	margin-left:15px;*/
	margin:7px 0;
	 }
	 
a.lien_interneNormal{font-weight:normal;color:#999;font-size:1em;text-decoration:underline;margin:7px 0;}
a.lien_interneNormal:hover{color:#060;text-decoration:none;}
a.lien_download{font-weight:normal;color:#999;font-size:1em;text-decoration:none;margin:7px 0;}
a.lien_download:hover{color:#060;text-decoration:none;}
a.lien_mentions{color:#000;}
a.lien_mentions:hover{text-decoration:underline;}
/*==========FOOTER============================================================*/
footer{background-color:#F2F2F2;border-top:solid 1px #E2E2E2;padding-top:18px;text-align:center;padding-bottom:25px;}	
footer p{font-size:0.70em;color:#333;}
.gras{font-weight:bold;}
.underline{
	border-bottom:solid 1px #CCC;
	display:block;
	height:1px;
	margin:36px auto 10px auto;
	width:64.4%/*644px*/;
	max-width:644px;
	box-shadow:0 1px 0px #FFF;
	}
.mentions{font-size:0.65em;}

/*==========RESPONSIVE============================================================*/

@media screen and (max-width:920px){
	#left{width:100%;}
	#left,#right{float:none;}
	}
	
@media screen and (max-width:768px){
	nav a{font-size:0.65em;}
	}