/* ==============================================
   FEUILLE DE STYLES ACM HTML/CSS
   ============================================== */

 /* Général */
 /* Définition d'une nouvelle police nommée HelveticaLt */
@font-face { 
    font-family: 'HelveticaLt';
    src: url('HelveticaNeueLTStd-Lt.otf');
}

/* Définition d'une nouvelle police nommée HelveticaMd */
@font-face { 
    font-family: 'HelveticaMd';
    src: url('HelveticaNeueLTStd-Md.otf');
}
/* Définition d'une nouvelle police nommée NicolasCochin */
@font-face { 
    font-family: 'NicolasCochin';
    src: url('NicolasCochinEF.ttf');
}


/* Généralités */

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}
a{
	color: #223878;
}
/* Page */
html, body {
	height: 100%; 
}

body{
	margin: 0;
	padding: 0;
	font-family: NicolasCochinEF;
	font-size: .8em; 
	line-height: 1.25;
	background-color: rgb(151, 152, 150);
	width:100%;
	text-align: center;
	text-decoration:none;
	} 

#global {
	min-height: 100%;
	width: 850px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background: #eee;
}

/* Index.php */

#choix_langue input{
	text-decoration:none;
	width: 70px; 
	height: 25px; 
	background: #223878;
	color: #eee;
	border-radius: 0px;
}

#choix_langue input:hover{
	background: #eee;
	color: #223878;
	border-radius: 0px;
}
#choix_langue input:active{
	background: #223878;
	color: red;
	border-radius: 0px;
}

/* En-tête */

#entete {
	padding: 15px 20px 10px 20px;
	background-color: rgb(151, 152, 150);
}
#entete h1 {
	margin: 0;
	font-family: NicolasCochinEF;
	color: #223878;
}

#entete strong{
	margin: 0;
	color: #223878;
	font-family: NicolasCochinEF;
	
}

/* Navigation */

#navigation {
	padding: 10px 10px;
	border-radius: 0px 0px 0px 0px;
	background: #223878;
}
#navigation ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li {
	display: inline;
}

#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: 1em;
	text-decoration: none;
	color: #eee;
}

#navigation #en-cours a {
color: #223878;	
background: #eee;
border-style: double ;
border-width: medium;
}

#navigation a:hover, #navigation a:focus {
	background: #eee;
	color: #223878;
}

/* Contenu */
#contenu {
	min-height: 100%;
	padding-bottom:30px;
	background: #eee;
	height: 100%;
	border-radius: 0px;
	color: #223878;
	font-family: NicolasCochinEF;
}

#contenu #presentation{
	padding: 50px 160px;
	border-radius: 10px;
	min-height: 100%;
	font-size: 1.1em;
	color: #223878;
}
#contenu #affichageResultUpload{
	padding: 10px 100px;
	border-radius: 10px;
	min-height: 100%;
	font-size: 1.1em;
	color: #223878;
}

#contenu #affichageResultUpload input{
border:0px ;
}
#contenu p, #contenu li {
	line-height: 1.5;
	color: #223878; 
	text-align: justify;
	font-size: 1.2em;
}

#contenu #contact {
	line-height: 1.5;
	color: #223878; 
	text-align: center;
	font-size: 1.2em;
}

#contenu #adresse {
	line-height: 1.5;
	color: #223878; 
	text-align: center;
	font-size: 1.3em;
	padding-top:10px;
	padding-bottom:10px;
}
#contenu #formulaire {
	line-height: 1.5;
	color: #223878; 
	text-align: center;
	font-size: 1em;
	padding-top:10px;
	padding-bottom:10px;
}
#contenu #formulaire p{
	text-align: left;
}

#contenu .documentation{
text-align: center;
}

#contenu  #nomClient{
	text-align: center; 
	font-weight: bold;
	font-size: 1.3em;
}

#contenu #admin {
	color: #223878;
	text-align: center;
	font-size: 1.1em;
	
}

#phpUploaderS{
text-align: center;
color: red;
}

/* Pied de page */
#pied {
	padding-top:5px;
	padding-bottom:0px;
	font-size: .85em;
	background-color: #eee;
	border-radius: 0px 0px 0px 0px;
	bottom: 0;
	position: absolute;
	width: 850px;
	/*text-align: center;*/
}

#pied ul {
	margin: 0;
	text-align: center;
}
#pied li {
	display: inline;
}
#pied a {
	color: #eee;
	text-decoration: none;
	font-size: 1em;
	
}
#pied a:hover, #navigation a:focus {
	background: #eee;
	color: #223878;
}
#pied .copyright {
	text-align: center;
	font-size: 1em;
	color: #eee;
	background-color: #223878;
	position: relative;
}
#facebook{
	text-align: center;
	background-color: #eee;
}


#facebook a:link, a:visited, a:hover, a:active {
 outline: none;
 background-color:transparent;
}

/* Gestion affichage boutons FB */
#pied .fb-like, .fb-like span, .fb-like.fb_iframe_widget span iframe {width: 100% !important;text-align: center;margin-left: 118px}

/* Contact */
#formulaire{
	width:500px;
	height:auto;
	margin:0 auto;
	padding:0px 10px 10px 10px;
	font-family: NicolasCochinEF;
	border:1px solid #aaa;
}

#formulaire a{
	border-style: none; 
}

textarea{
	font-size:.9em;
	border:1px solid #aaa;
	color:#6b6047;
	padding:5px;
	background-color:#fff;
	font-family: NicolasCochinEF;
	
}

input{
	font-family: NicolasCochinEF;
	padding:2px;
	height:20px;
	border:1px solid #aaa;
	background-color:#fff;
	color:#6b6047;
	font-size:.9em;
}

.error { 
	color: #f00; font-weight: bold; 
	font-size: 1.2em; 
}
.success { 
	color: #223878; 
	font-weight: bold; 
	font-size: 1.2em; 
 }
 /* Fin Contact */
 
 /* Documentation */
 #formLogin{
	width:350px;
	height:auto;
	margin:0 auto;
	padding:0 10px 10px 10px;
	font-family: NicolasCochinEF;
	border:1px solid #aaa;
}
 #formLogin p{
	text-align: center;
	/*font-family: NicolasCochinEFg;*/
 }
 #formLogin input{
	text-align: center;
	font-family: NicolasCochinEF;
 }
 /* Fin Documentation */
/* Validation Inscription */

#formValIns{
	width:400px;
	height:auto;
	margin:0 auto 20px auto;
	padding:0 10px 10px 10px;
	font-family: NicolasCochinEF;
	border:1px solid #aaa;
}

#formValIns p{
	text-align: center; 
 }
 
#formSearch{
	width:400px;
	height:auto;
	margin:0 auto;
	padding:0 10px 10px 10px;
	font-family: NicolasCochinEF;
	border:1px solid #aaa;
	color: #223878;
}

/* Fin Validation Inscription */

/* Profil*/
#formChangePwd{
	width:400px;
	height:auto;
	margin:0 auto;
	padding:0 10px 10px 10px;
	font-family: NicolasCochinEF;
	border:1px solid #aaa;
	color: #223878;
	text-align: center; 
}