@font-face {
    font-family: 'InterstateBlack';
    src: url('../fonts/interstate-black-webfont.eot');
    src: url('../fonts/interstate-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-black-webfont.woff') format('woff'),
         url('../fonts/interstate-black-webfont.ttf') format('truetype'),
         url('../fonts/interstate-black-webfont.svg#InterstateBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateBlackCompressed';
    src: url('../fonts/interstate-blackcompressed-webfont.eot');
    src: url('../fonts/interstate-blackcompressed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-blackcompressed-webfont.woff') format('woff'),
         url('../fonts/interstate-blackcompressed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-blackcompressed-webfont.svg#InterstateBlackCompressed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateBlackCondensed';
    src: url('../fonts/interstate-blackcondensed-webfont.eot');
    src: url('../fonts/interstate-blackcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-blackcondensed-webfont.woff') format('woff'),
         url('../fonts/interstate-blackcondensed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-blackcondensed-webfont.svg#InterstateBlackCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateBold';
    src: url('../fonts/interstate-bold-webfont.eot');
    src: url('../fonts/interstate-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-bold-webfont.woff') format('woff'),
         url('../fonts/interstate-bold-webfont.ttf') format('truetype'),
         url('../fonts/interstate-bold-webfont.svg#InterstateBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateBoldCompressed';
    src: url('../fonts/interstate-boldcompressed-webfont.eot');
    src: url('../fonts/interstate-boldcompressed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-boldcompressed-webfont.woff') format('woff'),
         url('../fonts/interstate-boldcompressed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-boldcompressed-webfont.svg#InterstateBoldCompressed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateBoldCondensed';
    src: url('../fonts/interstate-boldcondensed-webfont.eot');
    src: url('../fonts/interstate-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-boldcondensed-webfont.woff') format('woff'),
         url('../fonts/interstate-boldcondensed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-boldcondensed-webfont.svg#InterstateBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'InterstateLight';
    src: url('../fonts/interstate-light-webfont.eot');
    src: url('../fonts/interstate-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-light-webfont.woff') format('woff'),
         url('../fonts/interstate-light-webfont.ttf') format('truetype'),
         url('../fonts/interstate-light-webfont.svg#InterstateLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateLightCompressed';
    src: url('../fonts/interstate-lightcompressed-webfont.eot');
    src: url('../fonts/interstate-lightcompressed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-lightcompressed-webfont.woff') format('woff'),
         url('../fonts/interstate-lightcompressed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-lightcompressed-webfont.svg#InterstateLightCompressed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateLightCondensed';
    src: url('../fonts/interstate-lightcondensed-webfont.eot');
    src: url('../fonts/interstate-lightcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-lightcondensed-webfont.woff') format('woff'),
         url('../fonts/interstate-lightcondensed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-lightcondensed-webfont.svg#InterstateLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateRegular';
    src: url('../fonts/interstate-regular-webfont.eot');
    src: url('../fonts/interstate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-regular-webfont.woff') format('woff'),
         url('../fonts/interstate-regular-webfont.ttf') format('truetype'),
         url('../fonts/interstate-regular-webfont.svg#InterstateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateRegularCompressed';
    src: url('../fonts/interstate-regularcompressed-webfont.eot');
    src: url('../fonts/interstate-regularcompressed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-regularcompressed-webfont.woff') format('woff'),
         url('../fonts/interstate-regularcompressed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-regularcompressed-webfont.svg#InterstateRegularCompressed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'InterstateRegularCondensed';
    src: url('../fonts/interstate-regularcondensed-webfont.eot');
    src: url('../fonts/interstate-regularcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-regularcondensed-webfont.woff') format('woff'),
         url('../fonts/interstate-regularcondensed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-regularcondensed-webfont.svg#InterstateRegularCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

}



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

#home {
    overflow:hidden;
    text-align:center;
    background: #FFF;
}
.form_titre{
    padding:0px 10px 0px 10px;
}

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

#submit {font-weight:bold;}

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{
    background:transparent;
    width:990px;
    margin:auto;
}




#loginblock{
    color:#343128;
    font-size:14px;
    margin:0 0px 10px;
}
#loginblock p{
    margin:0 0 7px 0;
}

#loginblock label{
    display:inline-block;
    background:#343128 ;
    color:#FFF;
    text-transform:uppercase;
    padding:0px 0px 0px 10px;
    height:21px;
    font-size:10px;
    border-radius: 4px 4px 4px 4px;
}


#loginblock input[type='text'],
#loginblock input[type='password'],
#loginblock input[type='button']{
    border: 1px solid;
    border-radius: 4px 4px 4px 4px;
    padding:3px;
    color: #000000;
    margin: 0 0 0 7px;

    background:#FFF;
}


#loginblock input[type='checkbox']{
    margin: 0 10px 0 0;
}

#loginblock input[type='button']{
    width:154px;
    font-weight:bold;
    cursor: pointer;
}



#loginblock a{
    color:#343128;
    font-size:14px;
    text-decoration:underline;
}


#loginblock #message{
    color:red;
}

#loginblock #submit_real{
display:none;
}



#cgu_target{
    background:#FFF;

    color:#222;
}
#close_cgu{
    float:right;
    color:#FFF;
    display:inline-block;
    padding:10px;
    background:#000;
    border-radius: 4px 4px 4px 4px; 

}
#go2top{
    clear: both;
      color: #FFF;
      background:#000;
      padding:10px;
      display: block;
      margin: 10px 0 0;
      text-align: center;
    border-radius: 4px 4px 4px 4px; 
    
}

#bandeau img{
    border:5px solid #FFF;
}

#footer{ 
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
}

#footer a,
#footer a:hover{
    color:#adacaa;
}

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

#submit{ clear:both; float:right; margin-right:10px; }

.main_content{}

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

#ariane {
    background:#FFF;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	clear:both;
	padding:5px;
	font-size:10px;
	color:#444;
}
#ariane ul{
    background:#F2F2F2;
	padding:5px;

    
}
#ariane a{
	color:#9c9c9c;
}

#ariane li{ 
	display:inline; 
}

#ariane a:hover{ 
	color:#000; 
}

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

#menu{ 

	text-align:left;
	background:#FFF;
    padding:3px 0;
    margin:30px 0 0 0;
}

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

#menu li{ 
	display:inline;
	border-right:1px solid #000;
}

#menu a{
    font-size: 1.4em;
    font-weight: bold;
    color:#777;
    display:inline-block;
    padding:3px 15px;
}

#menu a:hover{
    color:#000;
}

#menu #actif a{
    color:#000;
}

#menu #inactif{background:none;}




.main_content {
    background:#FFF;
}



/* ================ */
/* --- 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{


}

.fiches_sousmenus li { 
	float:left;
	list-style:none; 
	display:inline; 
	padding:5px;
	margin:5px;
	text-align:center;
    width:105px;
    min-height:160px;
}

.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;
	padding: 5px;
}

.FICHE_vignette_contour{

	color:#000000;
	padding:9px;
	margin-right:9px;
	text-align:center;
}

.FICHE_vignette_img{
	width: 95px;
}

.FICHE_vignette_img img{
	width: 100%;	
}

.FICHE_vignette_titre{
	font-weight:bold;
	margin:2px 1px;
	text-transform:uppercase;
	width:120px;
}

/* --- 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 --- */

.conditions{

    background:none repeat scroll 0 0 #EEE;
    color:#000000;
    padding:10px 10px 5px;
}

#fiche_photos_search{
    background: none repeat scroll 0 0 #EEEEEE;
     margin: 0;
     padding: 0 10px 10px;
}


#fiche_photos_search label{
    background: none repeat scroll 0 0 #343128;
       border-radius: 4px 4px 4px 4px;
       color: #FFFFFF;
       display: inline-block;
       font-size: 10px;
       height: 21px;
       padding: 0 0 0 10px;
       text-transform: uppercase;
}

#fiche_photos_search label input{
    background: none repeat scroll 0 0 #FFFFFF;
      border: 0 none;
      border-radius: 4px 4px 4px 4px;
      color: #000000;
      margin: 0 0 0 7px;
	height: 21px;
}

.fiche_photos{
	float:right;
	width:78%;
	clear:right;
	position:relative;
	border:solid #000;
	border-width:1px 0 0 0;
	margin:0 5px 0 0;
}
.fiche_photos ul{
    clear:both;
}
.fiche_photos li { 
	float:left;
	list-style:none; 
	display:inline; 
	padding:5px;
	background:#DDD;

	margin:5px 5px 5px 0;
}

.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:10px;
    margin:0 0 0 6px;
	min-height:400px;
	color:#000000;
	background:#F2F2F2;
}

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

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

.FICHE_liste a{ 
    display:block;
	color:#000;
	font-size:13px;
}

.FICHE_liste a:hover{ 
}

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

.alerte{
    text-align:center;
    color:red;
}

/* --- logo ---*/

#logo{

}

/* --- disconnect --- */

#disconnect:hover {
	background:#333333;
}

#disconnect {
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    padding:3px 3px 2px;
    color: #000000;
    margin: 5px 0;
    float:right;
    clear:both;
    background:#FFF;
}

#disconnect a { 
	color:white; 
	vertical-align: top;
}

/* --- 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{

	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; }


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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */