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

}


/* Bloc en tête */
/* cadre entete*/
#en_tete 
{
   width: 100%;
   min-width:1280px;
   height: 170px;
    
   /*background-color: #FFFFFF;   */
   background-repeat:no-repeat;
   border-top: solid 1px #6d6d6d;
   border-right: solid 1px #6d6d6d;
   border-left: solid 1px #6d6d6d;
   /*-moz-border-radius : 10px 10px; */
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
   
   
   margin-bottom: 0px;
   
   /*-webkit-box-shadow: 2px 2px 2px ;
   -moz-box-shadow: 2px 2px 2px ;
   box-shadow: 2px 2px 2px ; */
}
/* logo 35th en haut a gauche dans cadre en tete*/
#logo
{
		
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin-top: 10px;
		margin-left:15px;
		margin-right:15px;
		margin-bottom:10px;
		border: 0px solid black;
		float: left;
		width: 130px;
		height: 130px;
}
/*************Header dynamique  **********/
/* en haut a droite avec defilement diaporama*/
/* conteneur */
#header
{
		border: 0px solid black;
		float: right;
		width:600px;
		height:140px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin-top: 5px;
		margin-left:5px;
		margin-right:10px;
		margin-bottom:5px;
		-webkit-box-shadow: 2px 2px 2px ;
        -moz-box-shadow: 2x 2px 2px ;
        box-shadow: 2px 2px 2px ; 
        box-shadow: 2px 2px 2px ; 
		
		
}
/* Style diaporama */
.diaporama{
    position:relative;
    width:600px; /* Largeur d'une photo */
    height:140px; /* Hauteur d'une photo */
		
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
		
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.diaporama li{
padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;

} 
.diaporama li{
    list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
}
 
.diaporama_controls{
   
   display:none;
   /* width:512px;
    margin:0px 0;
    padding:0px;
    clear:both;
    overflow:hidden;*/
}
 
.diaporama_controls .btns{
    float:right;
}
 
.diaporama_controls a{
    font-weight:normal;
    width:0px;
    height:0px;
    text-indent:-9999px;
    display:inline-block;
    margin:0 0px;
}
/******* fin du sytle header ****
/* Titre / sous titre / nickname*/

#titre 
{
 width: 800px;	
 padding-top: 20px;
 margin-left: 160px;
 border: 0px solid black;

}

sup { 
	vertical-align: text-top; 
	font-size: 50%;
	line-height: 100%; 
}

#titre h1
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px; 
	/*font-weight: bold;*/
	color: #004A7F;
	text-shadow: 1px 1px 1px #777; 
	text-decoration:underline;
	/*text-align: center;*/
	padding-top: 0px;
	

}
#soustitre
{
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*clear: both;*/
	color: #004A7F;
	/*text-align: center;*/
	font-size: 18px;
	font-style: italic;
	border: 0px solid black;
	width: 200px;	
    padding-top: 5px;

    /*margin-left: 170px;*/
	float: left;
}
#nickname
{
	width: 200px;
	margin-left: 400px;
	font-size: 50px;
	font-style: italic;
	
	color: #004A7F;
	-moz-transform:rotate(350deg); 
	-webkit-transform:rotate(350deg); 
	-o-transform:rotate(350deg); 
	font-family: chopinscriptmedium;
	font-weight:bold;
	text-shadow: 1px 1px 0 #FFFFFF;
}


/*************************************************************Decoration intermediaire étoiles de campagnes**********************************************************/
/* Etoiles de campagnes */
#camp
{
	width: 100%;
   min-width:1280px;
    height: 60px;
	padding-top:5px;
	margin-bottom:5px;
	/*background-color: #FFFFFF;
	-webkit-box-shadow: 2px 2px 2px ;
    -moz-box-shadow: 2px 2px 2px ;
    box-shadow: 2px 2px 2px ; */
	border-left: solid 1px #6d6d6d;
	border-right: solid 1px #6d6d6d;
	border-bottom: solid 1px #6d6d6d;
	/*-moz-border-radius : 10px 10px;*/
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#etoiled
{
	float: left;
	background-image:url(../images/goldstarpng.png);
	background-size: 50px 50px;
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	margin-left:35%;
	margin-right:25px;
}
#etoilef
{
	float: left;
	background-image:url(../images/goldstarpng.png);
	background-size: 50px 50px;
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	margin-left:25px;
	
}
.etoile
{
	float: left;
	background-image:url(../images/goldstarpng.png);
	background-size: 50px 50px;
	background-repeat:no-repeat;
	width:50px;
	height:50px;
	margin-right:25px;
	margin-left:25px;
}
#flags
{
float: right;
margin-right:15px;
}
#flags a img
{
	opacity:0.5;
}
#flags a img:hover
{
	opacity:1;
}