* {
	margin:0%;
	padding:0%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

html{
	color:#CCCCCC;
	font-size:12px;

}

input{
background:white;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

img{ border:0px; }

a{ color:#555; }
a:hover{ color:#aaa; }


#debug {
	position:absolute; 
	width:200px;
	left:100%;
	margin-left:-200px;
	background:red; 
	color:white;
	font-weight:bold;
}

#page{
	margin-left:100px;
	margin-right:100px;
	background:url('/system/application/views/pics/background-top.jpg') repeat-x #141414;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#bandeau{
	margin:0% 1% 0% 1%;
}

#footer{ 
	text-align:center;
	clear:both; 
	padding:1%;
}

#cgu{
	font-size:10px;
	text-align:justify;
	padding:1%;
}

#submit{ clear:both; float:right; }

.main_content{}

/* ============== */
/* --- ARIANE --- */
/* ============== */

#ariane {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;

	background:#545152;
	padding:1px;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:1%;
	margin:.5% 1% .5% 1%;
	clear:both;
}

#ariane a{
	color:#989898;
}

#ariane li{ 
	display:inline; 
}

#ariane a:hover{ 
	background:#f1e685; 
}

/* ============ */
/* --- MENU --- */
/* ============ */

#menu{ 
	font-size:14px;
	margin:0px auto;
	padding:25px 0px 25px 0px;
	border:0px solid green;
	text-align:right;
}

#menu ul { 
	border:0px solid red; 
}

#menu li{ 
	display:inline;
	border-right:1px solid #333;
	padding-right:5px;
	padding-left:5px;
}

#menu a{color:#ffffff;}
#menu a:hover{background:#333333;}

#menu #actif{background:#333333;}

#menu #inactif{background:none;}

/* ================ */
/* --- CLEARFIX --- */
/* ================ */

.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

* html .clearfix{height: 1%;}
.clearfix{display: block;}

/* ================= */
/* --- SOUSMENUS --- */
/* ================= */

.fiches_sousmenus{
	float:right;
	width:98%;
	margin:1%;
	clear:right;
	position:relative;
	background:#202020;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.fiches_sousmenus li { 
	float:left;
	list-style:none; 
	display:inline; 
	padding:5px;
	background:#fff;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border:2px solid #777;
	margin:5px;
	text-align:center;
    width:105px;
    height:122px;
}

.fiches_menu li{
	list-style:none;
	display:inline;
	border:1px solid red;
}

.public_area{
	border:0px solid green;
}

.private_area{
	position:relative;
	left:0%;
	top:0%;
	width:32px;
	height:32px;
	background:url('/system/application/views/pics/protected.png') no-repeat;
	margin-top:-32px;
}

/* ============= */
/* --- FICHE --- */
/* ============= */

.row{
	width:79%;
	float:right;
}

/* --- VIGNETTE PORTRAIT --- */

.FICHE_vignette_contener{
	float:left;
	border-right:1px dashed #707070;
}

.FICHE_vignette_contour{
	border:1px solid #c0c0c0;
	color:#000000;
	background:#fff;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	padding:9px;
	margin-right:9px;
	text-align:center;
}

.FICHE_vignette_img{
	-moz-box-shadow: 0 0 2em black;
	-webkit-box-shadow: 0 0 2em black;
}

.FICHE_vignette_titre{
	text-transform:uppercase;
	font-weight:bold;
}

/* --- FICHIERS --- */

.FICHE_fichiers{
	position:relative;
	float:left;
	margin-left:1%;
	border:0px solid red;
}

.FICHE_fichiers li { list-style:none; }

.FICHE_fichiers img { padding:1px; }

.FICHE_fichiers a { color:#b7b7b7; }
.FICHE_fichiers a:hover { color:#ffffff; }
	
/* --- PHOTOS --- */

.fiche_photos{
	float:right;
	width:78%;
	margin-top:1%;
	margin-right:1%;
	clear:right;
	position:relative;
	background:#202020;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.fiche_photos li { 
	float:left;
	list-style:none; 
	display:inline; 
	padding:5px;
	background:#FFF;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border:2px solid #777;
	margin:5px;
}

.fiche_photos li img{
    width:100px;
    height:100px;
}

.fiche_photo_titre{
    width:100px;
    height:50px;
    margin-left:0px;
    line-height:110%;
}

/* --- LISTE --- */

.FICHE_liste{
	float:left;
	width:17%;
	padding:1%;
	margin-left:1%;
	margin-bottom:1%;
	min-height:400px;
	color:#000000;
	background:#202020;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.FICHE_liste ul{ padding-left:15px; }

.FICHE_liste li{ 
	list-style:circle;
	color:#4d0005;
}

.FICHE_liste a{ 
    display:block;
	color:#ffffff;
}

.FICHE_liste a:hover{ 
	background:#444444;
}

/* ============== */
/* --- DIVERS --- */
/* ============== */

/* --- logo ---*/

#logo{
	position:relative;
	top:-50px;
	left:1%;
	width:100px;
}

/* --- disconnect --- */

#disconnect:hover {
	background:#333333;
}

#disconnect {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	
	background:url('/system/application/views/pics/arrow.gif') #222222 no-repeat 10px 40%;
	border:1px solid #333333;

	padding:1px;
	text-align:center;
	text-decoration:none;
	width:120px;
	margin-left:1%;
	margin-top:-25px;
	margin-bottom:2%;
}

#disconnect a { color:white; }

/* --- LOADING --- */

#loading{
	position:absolute;
	left:0%;
	top:0%;
	color:white;
	background:red;
}

/* ============= */
/* --- POPUP --- */
/* ============= */

#popup{
	position:absolute;
	left:50%;
	top:50%;
	border:0px solid green;
	width:1px;
	height:1px;
}

#popup a {color:#000000;}

#popup_contener{
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	position:absolute;
	left:50%;
	top:50%;
	background:#dfdfdf;
	width:500px;
	margin-left:-253px;
	margin-top:-253px;
	text-align:center;
	-moz-box-shadow: 0 0 4em #000;
	-webkit-box-shadow: 0 0 4em #000;
}

#popup_download{
	display:block;
	text-align:left;
	width:20%;
	position:absolute;
	left:0%;
	top:1%;
	margin-left:2%;
}

#popup_close{
	display:block;
	text-align:right;
	width:20%;
	position:absolute;
	left:100%;
	top:1%;
	margin-left:-22%;
}

#popup img{
	width:96%;
	margin:6% 0px 2% 0px;
	-moz-box-shadow: 0 0 1em black;
	-webkit-box-shadow: 0 0 1em black;
}

/* =============== */
/* --- BOUTONS --- */
/* =============== */

.awesome, .awesome:visited {
	background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover								{ background-color: #111; color: #fff; }
.awesome:active								{ top: 1px; }
.small.awesome, .small.awesome:visited 		{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 		{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited	{ background-color: #a9014b; }
.magenta.awesome:hover						{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited	{ background-color: #ff5c00; }
.orange.awesome:hover						{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited	{ background-color: #ffb515; }
.yellow.awesome:hover						{ background-color: #fc9200; }