/* Habillage */

/* Couleurs :
texte : #000000
page : #FFFFFF
fond : #f93
lien : #ff9
survol : #906
*/


/* bug Mozilla */
html { 
	min-width: 700px;
}
img	{
	border: 0;
}

/* body */
body {
	background: url("img/body.jpg") repeat center;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background-color: #fff;		
	color: #444;
	line-height: 1.4em;	
	font-size: 0.8em;
	font-family: Arial, helvetica, sans-serif;
	text-align; center;
}



/* liens */
a.lienmenu {
		color: #639;
        text-decoration: none;
		border: 0;
}
a.lienmenu:hover {
        color: #fff;
        text-decoration: none;
}


a.liencol1 {
		color: #696;
        text-decoration: underline;
		border: 0;
}
a.liencol1:hover {
        color: #999;
        text-decoration: none;
}



a.liencol2 {
		color: #3cf;
        text-decoration: underline;
}

a.liencol2:hover {
        color: #999;
        text-decoration: none;
}


a.liencol3 {
		color: #f66;
        text-decoration: underline;
		border: 0;
}
a.liencol3:hover {
        color: #999;
        text-decoration: none;
}


a.img {
		border: 0;
		
}



	
/* Titres */
h1,h2,h3,h4,h5,h6 {
	font-family: Arial;
}
h1.gauche {
	font-size: 1.0em;
	font-weight: bold;
	color: #696;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
	
}

h1.center {
	font-size: 1.0em;
	font-weight: bold;
	color: #3cf;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
}

h1.droit {
	font-size: 1.0em;
	font-weight: bold;
	color: #f66;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.4em;
	color: #639;
	font-weight: bold;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
}
h3 {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
	text-align: left;
	margin-left: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 20px;
	
}
h4 {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 25px;
	padding: 5px;
	color: #333;
	font-weight: bold;
}




/* Autres balises */

p {
	font-family: Times New Roman, sans-serif;
	text-align: justify;
	text-indent: 1.5em;
	font-size: 1.2em;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}


p.sites {
	font-size: 13px;
	text-align: left;
	text-indent: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}


p.introduction {
	text-align: justify;
	text-indent: 0em;
	letter-spacing: 0.07cm;
	font-size: 1.0em;
	font-weight: bold;
	margin-left: 70px;
	margin-right: 80px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-family: Times New Roman, sans-serif;
}

p.box {
	font-family: Times New Roman, sans-serif;
	text-align: justify;
	font-size: 1.2em;
	margin-right: 15px;
	margin-left: 180px;
	padding: 40px;
}

p.box_debutant {
	font-family: Times New Roman, sans-serif;
	text-align: justify;
	font-size: 1.2em;
	margin-right: 250px;
	margin-left: 2px;
	padding: 35px;
}

p.box_pratique {
	font-family: Times New Roman, sans-serif;
	text-align: justify;
	font-size: 1.2em;
	margin-right: 15px;
	margin-left: 180px;
	padding: 40px;
}



hr {	height: 3px;
	width: 100%;
	color: #770808;
	background-color: #770808;
	text-align: left;
}


em {
	font-style: italic;
}
strong {
 font-weight: bolder;
}




/*Mise en page*/

/* Boite_Principal */
#container {
	width: 770px;	
	min-height: 100%;
	height: auto; 
	height: 100%; /* For IE */
	margin: 0 auto;
	padding: 0;	
	background-color: #fff;
	border: 1px solid #ccc;	
	text-align: left;
}

#container_1 {
	width: 770px;	
	height: 250px; 
	margin: 0 auto;
	padding: 0;	
	text-align: center;
}


#img_container_1{
	background-image: url("img/container_1.jpg") no-repeat top;
	float: left;
	width: 10px;
	height: 230px;
	padding: 0;
	margin-top: 0px;
}



/* En tete */
#entete {
	background: url("img/entete.jpg") no-repeat center top;
	position: relative;
	width: 770px;
	height: 120px;
	top: 0px;
}
/* Fin en tete */


/* Logo banniere */
#logo {
  width: 100px;
  height: 40px;
  padding: 0;
  position: absolute; z-index: 2;
  margin-top: 5px;
  margin-left: 340px;
}
/* Fin logo banniere */


#logo_fse {
  width: 150px;
  height: 80px;
  padding: 0;
  position: absolute; z-index: 2;
  margin-top: 5px;
  margin-left: 450px;
}
/* Fin logo banniere */





/* En tete initiation */
#entete_initiation {
	background: url("img/entete_initiation.jpg") no-repeat left top;
	position: relative;
	width: 770px;
	height: 120px;
	top: 0px;
}
/* Fin en tete initiation */

/* En tete exercices */
#entete_exercices {
	background: url("img/entete_exercices.jpg") no-repeat left top;
	position: relative;
	width: 770px;
	height: 120px;
	top: 0px;
}
/* Fin en tete exercices */

/* En tete pratique */
#entete_pratique {
	background: url("img/entete_pratique.jpg") no-repeat left top;
	position: relative;
	width: 770px;
	height: 120px;
	top: 0px;
}
/* Fin en tete pratique */


/* Navigation */
#navigation_accueil {
	background: #969;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 105px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0;		
	text-align: left;

	}



#navigation_1 {
	background: #cc6;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 185px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0;		
	text-align: left;	

}

#navigation_2 {
	background: #9ff;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0;		
	text-align: left;	
}


#navigation_2a {
	background: #3cf;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 130px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0;		
	text-align: left;	
	}



#navigation_2b {
	background: #39c;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 110px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0;		
	text-align: left;	

	}

#navigation_3 {
	background: #f66;
	height: 2em;
	line-height: 2em;
	float: left;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border: 0;		
	text-align: left;	
}


/* divs_accueil */
/* initiation */
#box_initiation {
	background: url("img/box_initiation.jpg") no-repeat left top;
	position: relative;
	width: 700px;
	height: 120px;
	top: 0px;
	margin-left: 35px;
}
/* Fin initiation */


/* debutant */
#box_debutant {
	background: url("img/box_debutant.jpg") no-repeat left top;
	position: relative;
	width: 700px;
	height: 120px;
	margin-left: 35px;
}
/* Fin debutant */


/* pratique */
#box_pratique {
	background: url("img/box_pratique.jpg") no-repeat left top;
	position: relative;
	width: 700px;
	height: 120px;
	margin-bottom: 10px;
	margin-left: 35px;
}
/* Fin pratique */
/* fin divs_accueil */


/* Menu */
ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menu li {
	float: left;
	margin: 0px 25px;
	padding: 0;
	font-weight: bold;
	
}

ul.liste {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

ul.liste li {
	margin-left: 20px;
	margin-right: 10px;
}

/* Contenu */
#contenu {
	min-height: 10em;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: justify;
}
 <!--[if IE]>
#menu_image  a {
	display:inline-block;
}
#menu_image ul li {
	display:inline;
	float: left;
	margin: 0px 5px;
	margin-bottom: 20px;
	padding: 0;
}
<![endif]-->

/* col*/

#col_center {
	background: transparent;
	float: left;
	width: 350px;
	margin: 10px;
	height: auto;
	padding: 10px;	
	border: 2px solid #3cf; 
	text-align: justify;
	
}

/* col_gauche */

#col_gauche {
	background: transparent;
	float: left;
	width: 160px;
	margin: 10px;
	height: auto;
	padding: 0;	
	border: 2px solid #696; 
	text-align: justify;
	
}


/* col_droite */

#col_droite {
	background: transparent;
	float: left;
	width: 160px;
	height: auto;
	margin: 10px;
	padding: 0;				
	border: 2px solid #f66; 
}



/* Pied */

#pied {
	margin: 0;
	padding: 0;	
	border: 0;
	line-height: 2em;
	height: 2em;
	background: #f93;
	width: 500px;
	text-align: left;
}



/*
Classes
*/

/* Float */
.float {
	float: left;
  margin: 20px;
}

/* Espaceur */
.spacer {
  line-height: 0.1em;
	clear: both;
}


/* Semelle */

/* Semelle */
#semelle {
	background: transparent;
	height: 2em;
	line-height: 2em;
	margin: 0;	
	padding: 0;	
	border: 0;
	font-size: .9em;
	text-align: center;
}
#semelle a:link {
	text-decoration: none;
	color: #333333;
}
#semelle a:visited {
	text-decoration: none;
	color: #333333;
}
#semelle a:hover {
	text-decoration: underline;
	color: #333333;
}