/* CSS Document */

/* Commun */
/* Gestion de paramètres commun à toutes les pages */

body {
	color:;
	background-color:#203556;
	background-image:url(GIF/tranche.gif);
	background-repeat :repeat-x;
	background-position :center top;
	height:100%; 
}

li{
list-style-type: none;}

.container {
	position: absolute;
	background-color:#203556;
	margin-left: -512px;
	width: 1024px;
	left: 50%;
	display:block;	
}

.photo {
	position: absolute;
	left: 50px;
	top : 50px;
}

.titre1 {
	position: absolute;
	color: #9AC13A;
	text-decoration: none;
	text-align: center;
	width: 500px;
	top: 60px;
	left: 470px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26px;
}

.titre2 {   
    position: absolute;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	width:500px;
	top:100px;
	left: 470px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26px;	
}

.titrepage {   
    position: absolute;
	color:#3fa4d8;
	text-decoration:none;
	text-align:center;
	width:500px;
	top:155px;
	left: 470px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;	
}

H1 {
	color: #9ac13a;
	font-family: Chalkboard, comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 48px;
}

H2 {
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
}

H3{
	color: #9ac13a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
}
/* Divers */
/* Positionnement d'un carré test de 20px  */
.SQ20 {
	position: absolute;
	top : 255px;
	width: 20px;
	height:20px;
	left: 0px;
	color:#FFFFFF;
	background-color:#9361aa;
	text-decoration:none;
	display:block;		
}



/* Menu*/
/* Gestion du menu */

.menu_pincipal {
	position: absolute;
	top :272px;
	left: 4px;
}

#nav {
				list-style: none ;
				margin: 0;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
#nav li {
				
				float: left ;
				width: 160px ;
				margin-right: 10px ;
				color: #fff ;
				background: #3BA5DF ;
				}			
#nav li.nobutton {
				
				float: left ;
				width: 160px ;
				margin-right: 10px ;
				color: #fff ;
				background: transparent ;
				}
#nav li a {
				display: block ;
				background: #9ac13A url(GIF/btn.gif) left top no-repeat ;
				color: #fff ;
				font-family: Helvetica, Arial, sans-serif;
				line-height: 34px ;
				padding: 0px  ;
				text-align: center ;
				text-decoration: none ;
				height : 35px;
				font-size: 16px;	
				}
#nav li.nobutton a {
				display: block ;
				cursor: default;
				background: transparent;
				color: transparent ;
				font-family: Helvetica, Arial, sans-serif;
				line-height: 34px ;
				padding: 0px  ;
				text-align: center ;
				text-decoration: none ;
				height : 35px;
				font-size: 16px;	
				}				
#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #3BA5DF url(GIF/btn.gif) right top no-repeat ;
				}
#nav li.nobutton a:hover, #nav li a:focus, #nav li a:active {
				background: transparent ;
				}

/* Index*/
/* Gestion de la page Index */

.txt{
	position: absolute;
	color: #9AC13A;
	margin-left: -512px;
	width: 1024px;
	left: 50%;
	display:block;
	text-decoration: none;
	text-align:justify;
	top: 350px;
	font-family:  Helvetica,Arial, sans-serif; 
	font-size: 24px;
}

.gras{
	font-weight: bold ;	
}

.bleu{
	font-size: 24px;
	color: #3fa4d8;
	margin-left:70px;
	
}

#comp li.blanc{
list-style-type: none;
}


#compe li.bleu{
list-style-type: none;
}


.blanc {
	font-size: 18px;
	color: #fffffF;
	margin-left:110px;
}

/* Contacter */
/* Gestion de la page Contacter */

.contact {
	position: absolute;
	color: #9AC13A;
	margin-left: -512px;
	width: 1024px;
	left: 50%;
	display:block;
	text-decoration: none;
	text-align: center;
	top: 350px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 40px;
}

.sprl {
	color: #9ac13a;
	font-family: Chalkboard, comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 32px;
}