@charset "utf-8";



.Style1 {color: #FF0000}



.Style3 {color: #990000}



.Style4 {color: #000000}



#coordonnees {

	width: 390px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin-bottom: 9px;

	line-height: 20px;

	color: #919536;

	font-weight: normal;

	margin-top: 10px;

	border: 1px solid #919536;

	float: right;

	margin-left: 10px;

	padding-left: 16px;

	height: 700px;

}

#coordonnees input {

	margin-bottom: 0px;

	margin-left: 10px;

	margin-top: 0px;

}

#coordonnees textarea {

	margin-left: 10px;

	width: 300px;

}

#coordonnees2{

	width: 390px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin-bottom: 9px;

	line-height: 20px;

	color: #919536;

	font-weight: normal;

	margin-top: 10px;

	border: 1px solid #919536;

	float: right;

	margin-left: 10px;

	padding-left: 16px;

	height: 700px;

}









.Style223 {

	color: #FFFF99;

	font-size: 9px;

}
#page #droit_haut #droit_titre_haut #rechercher {
	width: 100px;
	text-align: left;
}
#page #droit_haut #droit_titre_haut #rechercher form {
	text-align: left;
	width: 100px;
}




body {

	width: 897px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}

img.sansBordure {

	border: 0 none;

}

#pied img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#pied p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 8px;
	padding-bottom: 8px;
	padding-top: 6px;
	margin-right: 10px;
	margin-left: 10px;

}



#page {

	background-color: #FFFFFF;

}



#page1 {
	background-color: #000000;
}


#surtitre {
	text-align: center;
	padding: 0px;
	height: 24px;
	width: 877px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -8px;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	word-spacing: normal;
	font-style: normal;
	font-weight: lighter;
	background-color: #000000;
	color: #D5A673;

}
#page #surtitre table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: lighter;
	color: #DDB88E;
	background-color: #000000;
}


#surtitre img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



#bandeau {
	height: 85px;
	width: 877px;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/bandeau.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#bandeau ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 450px;
}

#bandeau li {
	display: inline;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;

}



#bandeau a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-decoration: none;
	color: #FFFFFF;
	margin-top: 0px;



}



html> body #bandeau li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bolder;

	text-decoration: none;



}



#bandeau a:hover {

	color: #FEEEC7;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}



html> body #bandeau a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bolder;

	color: #FEEEC7;

	text-align: center;

}

#bandeau .menu_bas {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: right;

	margin-top: 65px;

	margin-right: 20px;

}




#telechargement {
	padding: 0px;
	width: 165px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 3px;
	float: left;
	height: 36px;
}

#telechargement img{

	border-width: 0;

	border-style :none;

}



#menu5, #menu ul /* Liste */     

{

	padding : 0; /* pas de marge intérieure */

	margin : 0; /* ni extérieure */

	list-style : none; /* on supprime le style par défaut de la liste */

	line-height : 18px; /* on définit une hauteur pour chaque élément */

	text-align : center;

	width: 132px;

}



#menu5 /* Ensemble du menu */

{

	font-weight : bold; /* on met le texte en gras */

	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */

	font-size : 11px; /* hauteur du texte : 12 pixels */

}



#menu5 a /* Contenu des listes */

{
	display : block; /* couleur de fond */
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 165px; /* largeur */
	list-style-image: none;
	background-image: url(../changement_site/site_normal/onglet5b.jpg);
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;

}



#menu5 li /* Elements des listes */      

{

	float : left;

	/* pour IE qui ne reconnaît pas "transparent" */

        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu5 li

{

	border-right: 1px solid transparent;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



#menu5 li ul /* Sous-listes */

{

	position: absolute; /* Position absolue */

	width: 144px; /* Largeur des sous-listes */

	left: -999em; /* Hop, on envoie loin du champ de vision */

	margin: 0px;

}





#menu5 li ul li /* Éléments de sous-listes */

{

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu5 li ul li                

{

        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */

}



#menu5 li ul ul 

{

        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      

}



/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

html>body #menu5 li ul ul                

{

        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */

}







#menu5 a:hover /* Lorsque la souris passe sur un des liens */    

{

        color: #000; /* On passe le texte en noir... */

        background: #FC5E5D; /* ... et au contraire, le fond en blanc */

}







#menu5 li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */

{

        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}



#menu5 li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{

	left: auto; /* Repositionnement normal */

	padding: 0px;

	list-style-type: none;

	background-color: #FC5E5D;

	width: 165px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}










#association {

	padding: 0px;

	width: 165px;

	margin-top: 4px;

	margin-right: 13px;

	margin-bottom: 10px;

	margin-left: 10px;

	float: left;

	height: 36px;

}

#association img{

	border-width: 0;

	border-style :none;

}



#menu1, #menu ul /* Liste */     

{

	padding : 0; /* pas de marge intérieure */

	margin : 0; /* ni extérieure */

	list-style : none; /* on supprime le style par défaut de la liste */

	line-height : 18px; /* on définit une hauteur pour chaque élément */

	text-align : center;

	width: 132px;

}



#menu1 /* Ensemble du menu */

{

	font-weight : bold; /* on met le texte en gras */

	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */

	font-size : 11px; /* hauteur du texte : 12 pixels */

}



#menu1 a /* Contenu des listes */

{

	display : block; /* couleur de fond */

	color : #fff; /* couleur du texte */

	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

	width : 165px; /* largeur */

	list-style-image: none;

	background-image: url(../changement_site/onglet1b.jpg);

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}



#menu1 li /* Elements des listes */      

{

	float : left;

	/* pour IE qui ne reconnaît pas "transparent" */

        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu1 li

{

	border-right: 1px solid transparent;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



#menu1 li ul /* Sous-listes */

{

	position: absolute; /* Position absolue */

	width: 144px; /* Largeur des sous-listes */

	left: -999em; /* Hop, on envoie loin du champ de vision */

	margin: 0px;

}





#menu1 li ul li /* Éléments de sous-listes */

{

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu1 li ul li                

{

        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */

}



#menu1 li ul ul 

{

        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      

}



/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

html>body #menu1 li ul ul                

{

        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */

}







#menu1 a:hover /* Lorsque la souris passe sur un des liens */    

{

        color: #000; /* On passe le texte en noir... */

        background: #BEC175; /* ... et au contraire, le fond en blanc */

}







#menu1 li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */

{

        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}



#menu1 li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{

	left: auto; /* Repositionnement normal */

	padding: 0px;

	list-style-type: none;

	background-color: #BEC175;

	width: 165px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}





#logiciels {

	padding: 0px;

	height: 36px;

	width: 165px;

	margin-top: 4px;

	margin-right: 13px;

	margin-bottom: 10px;

	margin-left: 0px;

	float: left;

}



#menu2, #menu ul /* Liste */     

{

	padding : 0; /* pas de marge intérieure */

	margin : 0; /* ni extérieure */

	list-style : none; /* on supprime le style par défaut de la liste */

	line-height : 18px; /* on définit une hauteur pour chaque élément */

	text-align : center;

	width: 132px;

}



#menu2 /* Ensemble du menu */

{

	font-weight : bold; /* on met le texte en gras */

	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */

	font-size : 11px; /* hauteur du texte : 12 pixels */

}



#menu2 a /* Contenu des listes */

{

	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */

	padding : 0; /* couleur de fond */

	color : #fff; /* couleur du texte */

	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

	width : 165px; /* largeur */

	list-style-image: none;

	background-image: url(../changement_site/onglet2b.jpg);

}

#revue {

	float: left;

	width: 165px;

	margin-top: 0px;

	margin-right: 13px;

	margin-bottom: 10px;

	margin-left: 0px;

}

#ressource #menu4 img {

	border: 0px none 0;

}







#menu2 li /* Elements des listes */      

{ 

        float : left; 

        /* pour IE qui ne reconnaît pas "transparent" */

        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu2 li

{

	border-right: 1px solid transparent; /* on met une bordure transparente à droite de chaque élément */

	margin: 0px;

}



#menu2 li ul /* Sous-listes */

{

	position: absolute; /* Position absolue */

	width: 144px; /* Largeur des sous-listes */

	left: -999em; /* Hop, on envoie loin du champ de vision */

	margin: 0px;

}





#menu2 li ul li /* Éléments de sous-listes */

{

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu2 li ul li                

{

        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */

}



#menu2 li ul ul 

{

        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      

}



/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

html>body #menu2 li ul ul                

{

        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */

}







#menu2 a:hover /* Lorsque la souris passe sur un des liens */    

{

        color: #000; /* On passe le texte en noir... */

        background: #D1A371; /* ... et au contraire, le fond en blanc */

}







#menu2 li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */

{

        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}



#menu2 li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{

	left: auto; /* Repositionnement normal */

	padding: 0px;

	list-style-type: none;

	background-color: #D1A371;

	width: 165px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}





#revue {

	padding: 0px;

	float: left;

	height: 36px;

	width: 165px;

	margin-top: 4px;

	margin-right: 13px;

	margin-bottom: 10px;

	margin-left: 0px;

}





#menu3 /* Ensemble du menu */

{

	font-weight : bold; /* on met le texte en gras */

	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */

	font-size : 11px; /* hauteur du texte : 12 pixels */

}



#menu3, #menu ul /* Liste */     

{

	padding : 0; /* pas de marge intérieure */

	margin : 0; /* ni extérieure */

	list-style : none; /* on supprime le style par défaut de la liste */

	line-height : 18px; /* on définit une hauteur pour chaque élément */

	text-align : center;

	width: 132px;

}



#menu3 a /* Contenu des listes */

{

	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */

	padding : 0; /* couleur de fond */

	color : #fff; /* couleur du texte */

	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

	width : 165px; /* largeur */

	list-style-image: none;

	background-image: url(../changement_site/onglet3b.jpg);

}



#menu3 li /* Elements des listes */      

{ 

        float : left; 

        /* pour IE qui ne reconnaît pas "transparent" */

        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu3 li

{

	border-right: 1px solid transparent; /* on met une bordure transparente à droite de chaque élément */

	margin: 0px;

}



#menu3 li ul /* Sous-listes */

{

	position: absolute; /* Position absolue */

	width: 144px; /* Largeur des sous-listes */

	left: -999em; /* Hop, on envoie loin du champ de vision */

	margin: 0px;

}





#menu3 li ul li /* Éléments de sous-listes */

{

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu3 li ul li                

{

        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */

}



#menu3 li ul ul 

{

        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 

        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      

}



/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

html>body #menu3 li ul ul                

{

        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */

}







#menu3 a:hover /* Lorsque la souris passe sur un des liens */    

{

        color: #000; /* On passe le texte en noir... */

        background: #D35D27; /* ... et au contraire, le fond en blanc */

}







#menu3 li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */

{

        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}



#menu3 li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{

	left: auto; /* Repositionnement normal */

	padding: 0px;

	list-style-type: none;

	background-color: #D35D27;

	width: 165px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



/* CSS Document */



#ressource {

	float: left;

	height: 36px;

	width: 165px;

	margin-top: 4px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

	padding: 0px;

}





#menu4 /* Ensemble du menu */

{

	font-weight : bold; /* on met le texte en gras */

	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */

	font-size : 11px; /* hauteur du texte : 12 pixels */

	text-align: center;

	padding-top: 0px;

	word-spacing: 3px;



}





#menu4, #menu ul /* Liste */     

{

	list-style : none; /* on supprime le style par défaut de la liste */

	line-height : 18px; /* on définit une hauteur pour chaque élément */

	text-align : center;

	width: 132px;

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}



#menu4 a /* Contenu des listes */

{

	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */

	padding : 0; /* couleur de fond */

	color : #fff; /* couleur du texte */

	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */

	width : 165px; /* largeur */

	list-style-image: none;

	background-image: url(../changement_site/onglet4b.jpg);

}



#menu4 li /* Elements des listes */      

{

	float : left;

	/* pour IE qui ne reconnaît pas "transparent" */

        border-right : 1px solid #fff;

	margin: 0px;

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu4 li

{

	border-right: 1px solid transparent;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



#menu4 li ul /* Sous-listes */

{

	position: absolute; /* Position absolue */

	width: 144px; /* Largeur des sous-listes */

	left: -999em; /* Hop, on envoie loin du champ de vision */

	

	margin: 0px;



}





#menu4 li ul li /* Éléments de sous-listes */

{

	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */

	padding-top: 1px;

	line-height: 18px;

}



/* IE ne reconnaissant pas le sélecteur ">" */

html>body #menu4 li ul li                

{

	border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */

	padding: 0px;

	line-height: 18px;

}





#menu4 li ul ul 

{

	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */

        border-left     : 1px solid #fff; /* Petite bordure à gauche pour ne pas coller ... */

	margin-top: -22px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 144px;

}



/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */

html>body #menu4 li ul ul                

{

        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */

}







#menu4 a:hover /* Lorsque la souris passe sur un des liens */    

{

	color: #000; /* On passe le texte en noir... */

	background: #E19D45; /* ... et au contraire, le fond en blanc */

	

}







#menu4 li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */

{

        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}



#menu4 li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */

{

	left: auto; /* Repositionnement normal */

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	background-color: #E19D45;

	width: 165px;

}

#menu4 img {

	border: 0px none 0;

	margin-right: 2px;

	margin-left: 2px;

}











#gauche {
	background-color: #FFFFFF;
	width: 360px;
	float: left;
	padding: 0px;
	height: auto;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	clear: none;
	text-align: left;

}
#gauche  h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #990000;

}

#gauche p {
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 14px;
	padding-right: 4px;
	padding-bottom: 14px;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;

}





#centre {
	padding: 10px;
	float: left;
	width: 270px;
	margin-top: 15px;
	margin-right: 13px;
	margin-bottom: 15px;
	margin-left: 40px;
	background-color: #FFF7E1;
	border: thin solid #999999;
	height: 1250px;
}

#centre h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #990000;

	padding: 0px;

	margin-top: 9px;

	margin-right: 0px;

	margin-bottom: 8px;

	margin-left: 0px;

}

#centre h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #9C3202;

	margin-bottom: 0px;

	margin-top: 0px;

}

#centre h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	font-weight: normal;

	margin: 0px;

}

#centre h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: normal;

}







#centre p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;

}

#centre pa {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 9px;

	padding-left: 0px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}

#commentaire {

	margin-left: 135px;

	padding-left: 0px;

	margin-top: 100px;

}

#commentaire2 {
	float: left;
	margin-left: 10px;
	padding-left: 0px;
	margin-top: 0px;
	width: 430px;
	margin-bottom: 20px;	
}


#contact {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	width: 600px;

}

#contact  fieldset   {

	margin-bottom: 20px;

	padding-bottom: 20px;

}

#contact #nom {

	margin-left: 30px;

}

#contact #courriel {

	margin-left: 13px;

}

#contact #objet {

	margin-left: 30px;

}

#contact #message {

	height: 200px;

	width: 400px;

	margin-left: 10px;

	padding-bottom: 20px;

}











#droit_haut {
	float: right;
	width: 161px;
	border: 1px solid #999999;
	height: 28px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FEEEC7;
	text-align: center;
	vertical-align: middle;
	padding: 0px;

}

#droit {
	float: right;
	width: 161px;
	border: 1px solid #999999;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	height: auto;
	background-color: #FFFFFF;

}
#page #droit_bas {
	float: right;
	height: 30px;
	width: 161px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	border: 1px solid #999999;
	text-align: center;
	background-color: #FEEEC7;
}

#page #droit_bas img {
	margin: 0px;
	padding-right: 0px;
}

#page #droit_animation {
	float: right;
	height: auto;
	width: 161px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
	border: 1px solid #999999;
	text-align: center;
	background-color: #FEEEC7;
}
#page #droit_animation p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



#droit_titre  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-transform: none;

	color: #CC3333;

	background-color: #FFFF99;

	padding: 2px;

	text-align: center;

	border: 1px solid #999999;

	margin-top: 15px;

	margin-right: 15px;

	margin-bottom: 15px;

	margin-left: 15px;

}

#droit_titre_haut  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	color: #CC3333;
	background-color: #E8D094;
	text-align: center;
	border: 1px solid #999999;
	height: auto;
	line-height: normal;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}


#droit_img   {
	background-color: #FEEEC7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	text-align: center;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 2px;

}

#droit_img_haut   {
	background-color: #FEEEC7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	text-align: center;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 20px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 2px;

}


#droit_img img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



#droit p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	background-color: #FDDF99;

	padding: 4px;

	margin-top: 0px;

	margin-right: 15px;

	margin-bottom: 15px;

	margin-left: 15px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	border-left-color: #999999;

	text-align: center;

}

#droit h5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #FFFF99;

	text-align: center;

	margin: 0px;

	padding: 2px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-right-color: #999999;

	border-left-color: #999999;

	font-weight: normal;

}



#pied {

	clear: both;

	width: 877px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

	margin-top: 4px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding: 0px;

}



#asso_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	width: 877px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	font-weight: bolder;

	color: #919536;

	border-bottom-color: #919536;

	margin-left: 10px;

	margin-bottom: 33px;

}

#asso_gauche {
	height: auto;
	width: 620px;
	margin-top: 0px;
	float: left;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 10px;

}

#asso_gauche div {

	border: 1px solid #919536;

	margin-top: 0px;

}

#asso_gauche h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	margin: 0px;

	color: #919536;

}



#asso_gauche h1 {

	margin-left: 6px;

}

#asso_gauche  p  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	padding-right: 0px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 20px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#asso_gauche .Style224 {

	color: #919536;

	font-weight: bolder;

}

#asso_gauche #climope_bas table {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#asso_gauche #climope_bas h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	text-align: center;

	margin-top: 10px;

}







#asso_droit {
	float: left;
	height: auto;
	width: 238px;
	margin-top: 0px;
	margin-left: 17px;
	margin-right: 0px;
	margin-bottom: 10px;
	border: 1px solid #919536;
	background-color: #FEEEC7;

}



#asso_droit   h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #919536;

	padding-right: 8px;

	padding-left: 8px;

	margin-top: 10px;

}



#asso_droit p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding-right: 8px;

	padding-left: 8px;

	line-height: 20px;

	padding-top: 0px;

	color: #000000;

}

#asso_droit .Style222 {

	color: #919536;

}

#asso_bas {

	margin: 0px;

	padding: 8px;

}

#asso_bas h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bolder;

	color: #919536;

}



#asso_bas .Style222 {

	color: #919536;

	font-weight: bolder;

}



#asso_titre_formation {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	width: 877px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	font-weight: bolder;

	color: #919536;

	border-bottom-color: #919536;

	margin-left: 10px;

	margin-bottom: 0px;

}



#asso_gauche_formation {

	width: 430px;

	float: left;

	margin-top: 33px;

	margin-left: 10px;

	margin-right: 0px;

}



#asso_gauche_formation h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #919536;

	margin-bottom: 10px;

}
#page #asso_gauche_formation h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


#asso_gauche_formation .Style222 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #919536;

}

#asso_gauche_formation .Style223 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #919536;

}





#asso_gauche_formation p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	margin: 0px;

}

#asso_droit_formation {
	width: 430px;
	margin-top: 30px;
	height: auto;
	float: left;
	margin-left: 17px;
	margin-bottom: 0px;

}

#asso_droit_formation2 {
	width: 400px;
	margin-top: 0px;
	height: auto;
	float: left;
	margin-left: 17px;
	border: thin none #000000;
	padding: 0px;
}

#asso_droit_formation #coordonnees {

	background-color: #FEEEC7;

	height: 600px;

	width: 400px;

}



#page #centre_modele #asso_droit #droit_img {

	margin-right: 15px;

	margin-left: 15px;

	padding-top: 20px;

	padding-bottom: 20px;

}



#asso_droit_formation_coordonnees {

	width: 390px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	margin-bottom: 9px;

	line-height: 20px;

	color: #919536;

	font-weight: normal;

	margin-top: 10px;

	border: 1px solid #919536;

	float: left;

	margin-left: 14px;

	padding-left: 16px;

}

#asso_droit_formation_coordonnees input {

	margin-bottom: 0px;

	margin-left: 10px;

	margin-top: 0px;

}

#asso_droit_formation_coordonnees textarea {

	margin-left: 10px;

	width: 300px;

}

#climope_droit p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: italic;

}









#famille_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	width: 877px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	font-weight: bolder;

	color: #919536;

	border-bottom-color: #919536;

	margin-left: 10px;

	margin-top: 0px;

	margin-bottom: 33px;

}
#page #telec_titre {
}


#famille_titre      a {

	font-size: 12px;

	padding-left: 420px;

}





#famille_centre {

	height: 800px;

	width: 877px;

	margin-left: 10px;

}







#revue_centre {

	float: left;

	height: auto;

	width: 877px;

	margin-left: 10px;

	margin-top: 0px;

	margin-right: auto;

}

#famille_droit_img {

	margin-top: 15px;

	margin-right: 15px;

	margin-bottom: 10px;

	margin-left: 15px;

	text-align: left;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

	border-top-color: #000000;

	border-right-color: #000000;

	border-left-color: #000000;

	border-bottom-width: 0px;

	border-bottom-style: none;

	padding: 0px;

	height: 110px;

}

#famille_droit_img2 {

	height: 130px;

	vertical-align: middle;

	padding-top: 20px;

	padding-bottom: 0px;

	padding-left: 12px;

	background-color: #FEEEC7;

}



#famille_droit {

	width: 238px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 17px;

	float: left;

	border: 1px solid #919536;

	background-color: #FEEEC7;

}

#famille_droit h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bolder;

	color: #919536;

	text-align: center;

	margin: 10px;

}



#famille_droit p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 15px;

	margin-left: auto;

	margin-bottom: 20px;

	text-align: left;

	color: #000000;

	border: thin none #000000;

	padding-left: 10px;

	vertical-align: middle;

	font-style: italic;

}

#famille_bas {

	border: 1px solid #000000;

	width: 620px;

	margin-left: 10px;

	clear: both;

}









#revue_gauche {

	float: left;

	height: auto;

	width: 260px;

	margin-top: 0px;

	margin-right: 17px;

	margin-bottom: 0px;

	margin-left: 10px;

	border: 1px solid #9C3202;

	background-color: #FEEEC7;

}

#revue_gauche p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	padding-right: 8px;

	padding-left: 8px;

}



#revue_centre #chapo p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 10px;

	margin-left: 10px;

	text-align: justify;

}

#revue_droit {

	float: left;

	width: 600px;

	margin-top: 0px;

}

#revue_droit table {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#revue_droit p {

	margin-top: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #9C3202;

}









#revue_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #9C3202;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9C3202;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 33px;

}

#revue_titre     a {

	font-size: 12px;

	padding-left: 440px;

}

#lecture_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #9C3202;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9C3202;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 14px;

}



#lecture_titre     a {

	font-size: 12px;

	padding-left: 450px;

}

#theo_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #9C3202;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9C3202;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 14px;

}

#theo_titre    a {

	font-size: 12px;

	padding-left: 440px;

}





#livre_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #9C3202;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9C3202;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 14px;

}

#livre_titre     a {

	font-size: 12px;

	padding-left: 470px;

}

#livre {
	float: left;
	height: 500px;
	width: 337px;
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 0px;
	margin-left: 10px;

}



#livre_gauche {

	height: auto;

	width: 337px;

	border: 1px solid #9C3202;

	float: left;

	margin-right: 0px;

	margin-left: 0px;

	background-color: #FEEEC7;

}

#livre_gauche p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 10px;

}

#livre_sous_gauche {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	float: left;

	height: auto;

	width: 337px;

	clear: both;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	border: 1px solid #9C3202;

	background-color: #FFFAEC;

}

#livre_sous_gauche img {

	margin-top: 6px;

	border-top-width: thin;

	border-right-width: thin;

	border-bottom-width: thin;

	border-left-width: thin;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#livre_sous_gauche p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}





#livre_droite {

	float: left;

	width: 520px;

}

#livre_droite h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	margin-top: 0px;

	font-weight: bolder;

	color: #9C3202;

	margin-left: 0px;

}

#livre_droite p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	margin-left: 10px;

}

#livre_droite img {

	border: 1px solid #CCCCCC;

	margin-right: 10px;

	margin-left: 10px;

}

#livre_droite img2 {

	margin-right: 10px;

	margin-left: 10px;

}

#livre_droite form {

	margin-left: 10px;

}

#telec_centre {

	float: left;

	height: auto;

	width: 877px;

	margin-left: 10px;

	margin-top: 0px;

	margin-right: auto;

}











#telec_gauche {

	float: left;

	height: auto;

	width: 260px;

	margin-top: 0px;

	margin-right: 17px;

	margin-bottom: 0px;

	margin-left: 10px;

	border: 1px solid #9C3202;

	background-color: #FEEEC7;

}

#telec_gauche p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	padding-right: 8px;

	padding-left: 8px;

}



#telec_centre #chapo p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	margin-top: 0px;

	margin-right: 10px;

	margin-left: 10px;

	text-align: justify;

}

#telec_droit {

	float: left;

	width: 600px;

	margin-top: 0px;

}

#telec_droit table {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#telec_droit p {

	margin-top: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #9C3202;

}









#telec_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #E00102;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C3202;
	width: 877px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 33px;

}

#telec_titre     a {

	font-size: 12px;

	padding-left: 440px;
}


/* CSS Document */
dl.gallery
{
	border: 1px solid #CCCCCC;
	width: 416px;
	text-align: center;
	float: left;
	height: 200px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FEF7E7;
}



.gallery dt {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E00102;
	text-align: left;
}

.gallery dt img
{
	width: auto;
	height: auto;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
}
#centre_modele .gallery .Style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
}


.gallery dd
{
	padding: 0;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 10;
	text-align: left;
}
.gallery  p  {
	margin-right: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	text-align: left;
	line-height: 18px;
}
dl.gallery_  fam{
	border: 1px solid #000;
	width: 200px;
	text-align: left;
	float: left;
	height: auto;
	margin-left: 10px;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 10px;
}
.gallery_  fam  dt {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.gallery_  fam  dt  img
{
	width: auto;
	height: auto;
	margin-right: 10px;
	margin-top: 10px;
	border-top-width: 1px;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.gallery_  fam  dd
{
	padding: 0;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 10;
}
.gallery_  fam   p  {
	margin-right: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	line-height: 18px;
}







#ressources_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #CC6500;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CC6500;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 33px;

}


#ressources_image_titre_ecriture{
	float: right;
	text-align: right;
}

#ressources_droite_formation {
	float: left;
	width: 430px;
	margin-top: 20px;
	margin-bottom: 30px;
	border: 1px solid #919536;
	background-color: #FEEEC7;
}

#ressources_droite_formation h6 {

	background-color: #919536;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 30px;

	font-weight: bold;

	color: #FFFF99;

	text-align: left;

	vertical-align: middle;

	margin-top: 0px;

	margin-right: 0px;

	padding-left: 8px;

}


#ressources_droite_formation p {

	margin-right: 8px;

	margin-left: 8px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin-bottom: 8px;

	margin-top: 0px;

	line-height: 20px;

}











#ressources_gauche {

	float: left;

	height: auto;

	width: 430px;

	margin-top: 0px;

	margin-right: 17px;

	margin-left: 10px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#ressources_gauche h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC6500;
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 8px;
	margin-bottom: 0px;

}

#ressources_gauche h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 20px;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

}

#ressources_gauche h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 13px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 20px;
	padding-bottom: 12px;

}



#ressources_gauche p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;

}

#ressources_droite {
	float: left;
	width: 430px;
	margin-top: 20px;
	margin-bottom: 30px;
	border: 1px solid #CC6500;
	background-color: #FEEEC7;

}

#ressources_droiteb {

	float: left;

	width: 430px;

	margin-top: 20px;

	margin-bottom: 30px;

	border: thin none #CC6500;

}





#ressources_droiteb  p {

	margin-right: 8px;

	margin-left: 8px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin-bottom: 8px;

	margin-top: 0px;

	line-height: 20px;

}



#ressources_droite  h3 {

	background-color: #CC6500;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 30px;

	font-weight: bold;

	color: #FFFF99;

	text-align: left;

	vertical-align: middle;

	margin-top: 0px;

	margin-right: 0px;

	padding-left: 8px;

}

#ressources_droite  p {

	margin-right: 8px;

	margin-left: 8px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin-bottom: 8px;

	margin-top: 0px;

	line-height: 20px;

}





#ressources_centre h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #CC6500;

	margin-right: 8px;

	margin-left: 8px;

	margin-top: 8px;

	margin-bottom: 0px;

}

#ressources_centre h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: italic;

	font-weight: bold;

	margin-top: 0px;

	margin-right: 8px;

	margin-left: 8px;

}

#ressources_centre h5 {
	padding-bottom: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;

}

#ressources_centre p {

	margin-top: 0px;

	margin-right: 8px;

	margin-left: 8px;

	margin-bottom: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

}

#ressources_centre img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}






#logiciel_gauche {
	float: left;
	width: 430px;
	margin-top: 0px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 10px;

}

#logiciel_gauche2 {
	float: left;
	width: 860px;
	margin-top: 53px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #FEEEC7;
	border: thin solid #BA7B38;
	padding: 8px;
}
#logiciel_sous_gauche {

	width: 422px;

	margin-top: 20px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	border: 1px solid #BA7B38;

	float: left;

}

#logiciel_sous_gauche img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#logiciel_sous_gauche p {

	margin-top: 6px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}



#sous_logiciel img {

	margin-right: 10px;

	margin-top: 0px;

	margin-bottom: 0px;

}

#sous_logiciel h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bolder;

	color: #BA7B38;

	margin-bottom: 0px;

}

#sous_logiciel p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	color: #000000;

	margin-top: 0px;

}





#logiciel_droit {
	float: left;
	height: auto;
	width: 430px;
	margin-left: 15px;
	margin-top: 53px;
	border: 1px solid #BA7B38;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
	background-color: #FEEEC7;

}



#logiciel_droit2{
	float: left;
	height: auto;
	width: 430px;
	margin-left: 15px;
	margin-top: 53px;
	border: 1px solid #BA7B38;
	margin-bottom: 10px;
	background-color: #FEEEC7;
	padding: 8px;

}

#logiciel_droit h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bolder;

	color: #BA7B38;

	margin-left: 10px;

	margin-bottom: -20px;

	margin-top: 10px;

}



#logiciel_droit img {

	margin-top: 10px;

	margin-right: 20px;

	margin-left: 0px;

	border: 0px none #000000;

	margin-bottom: 0px;

}

#logiciel_droit p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	padding: 12px;

	margin-left: 10px;

	margin-top: 10px;

	margin-right: 10px;

}

#logiciel_droit img {

	border: thin none #CCCCCC;

	margin-top: 10px;

}



#logiciel_droit_bas {
	margin-top: 10px;
	height: auto;
	width: 430px;
	margin-left: 15px;
	border: 1px solid #BA7B38;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FEEEC7;
	margin-bottom: 10px;

}

#logiciel_droit_bas img {

	margin-top: 0px;

	margin-right: 20px;

	margin-left: 10px;

}

#logiciel_droit_bas p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	padding: 12px;

	margin-left: 0px;

	line-height: 20px;

	margin-bottom: 0px;

}

#logiciel_droit_bas input {

	margin-right: 10px;

}









#elsa_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #BA7B38;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #BA7B38;

	margin-right: auto;

	margin-left: auto;

	width: 877px;

	margin-bottom: 0px;

}

#elsa_titre img {

	margin-left: 800px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-top: -10px;

}





#elsa_titre a {

	font-size: 12px;

	padding-left: 510px;

}



#ideo_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #BA7B38;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #BA7B38;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

}

#ideo_titre  a {

	font-size: 12px;

	padding-left: 455px;

}

#video_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #BA7B38;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #BA7B38;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

}

#video_titre   a {

	font-size: 12px;

	padding-left: 445px;

}

#multimedia_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bolder;

	color: #BA7B38;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #BA7B38;

	width: 877px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 15px;

}







#multimedia_titre    a {

	font-size: 12px;

	padding-left: 445px;

}

#multi_gauche {

	float: left;

	height: auto;

	width: 337px;

	margin-right: 0px;

	margin-left: 0px;

	border: 1px solid #BA7B38;

}

#multi_gauche p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	margin-top: 10px;

	margin-left: 10px;

}

#multi_droite {

	float: left;

	width: 520px;

}

#multi_droite h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bolder;

	color: #BA7B38;

	margin-top: 0px;

}

#multi_droite p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

}

#multi_droite img {

	margin-right: 10px;

	border: 1px solid #000000;

}









#logiciel {

	margin: 0px;

	padding: 12px;

	height: 30px;

	width: 401px;

	background-image: none;

	background-repeat: no-repeat;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #BA7B38;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #333333;

}

#logiciel  ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#logiciel  li {

	display: inline;

	margin: 0px;

	padding: 0px;

}

#logiciel    li  a  {

	color: #FFFF99;

	text-decoration: none;

	display: block;

	clear: none;

	float: left;

	margin-top: 21px;

	margin-right: 10px;

	margin-bottom: 0px;

	margin-left: 0px;

	height: 16px;

	font-weight: bold;

	width: 76px;

	text-align: center;

	text-transform: lowercase;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: 1px solid #BA7B38;

	background-color: #BA7B38;

	padding: 2px;

}

#logiciel    ul  li.active {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #00CC33;

}

#logiciel  li.active  a {

	color: #000;

	border-bottom-color: #FFFFFF;

	border-bottom-width: thin;

	border-bottom-style: solid;

	background-color: #FFFFFF;

}

#logiciel  li  a:hover {

	background-color: #D7A977;

}

#sous_logiciel {

	height: auto;

	width: 400px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #BA7B38;

	border-bottom-color: #BA7B38;

	border-left-color: #BA7B38;

	padding-top: 12px;

	padding-right: 11px;

	padding-bottom: 12px;

	padding-left: 12px;

	text-align: justify;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	float: left;

}



#sous_logiciel_gauche {

	height: auto;

	width: 405px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #BA7B38;

	border-bottom-color: #BA7B38;

	border-left-color: #BA7B38;

	padding-top: 12px;

	padding-right: 11px;

	padding-bottom: 12px;

	text-align: justify;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	float: left;

	margin-left: 10px;

	padding-left: 12px;

	margin-top: 53px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #BA7B38;

}

#sous_logiciel_gauche h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bolder;

	color: #BA7B38;

}





#sous_logiciel_droit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	float: left;

	height: auto;

	width: 405px;

	padding-top: 12px;

	padding-right: 11px;

	padding-bottom: 12px;

	padding-left: 12px;

	margin-left: 17px;

	margin-top: 53px;

	border: 1px solid #BA7B38;

}

#sous_logiciel_droit h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bolder;

	color: #BA7B38;

}





#module_gauche {

	height: auto;

	float: left;

	width: 430px;

	margin-top: 33px;

	margin-right: 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

}

#video_centre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	width: 590px;

	margin-top: 28px;

	margin-left: 10px;

	float: left;

}

#video_centre  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #BA7B38;
	margin-top: 40px;
	margin-bottom: 0px;
}

#video_centre h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #BA7B38;
	margin: 0px;
}



#video_centre p {

	margin-bottom: 20px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

	margin-top: 0px;

}



#video_droit {

	float: left;

	width: 270px;

	margin-top: 28px;

	margin-left: 17px;

	height: auto;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCCCCC;

}

#video_droit img {
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}

#video_droit h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 0px;
	margin-left: 20px;
	color: #BA7B38;
}

#video_droit h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	line-height: 20px;
	margin-left: 20px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	padding-left: 20px;

}

#video_droit h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	line-height: 20px;
	margin-left: 20px;
	color: #000000;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px solid #000000;
	width: 210px;
}


#video_droit p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-left: 20px;

}

#plan_sous_titre {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	margin-left: 60px;

	color: #CC3300;

	margin-top: 0px;

	margin-bottom: 10px;

}

#plan_sous_titre p {

	margin-left: 80px;

	margin-bottom: 0px;

	line-height: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000000;

	margin-top: 10px;

}

#plan_sous_titre h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	font-weight: normal;

	margin-left: 120px;

	margin-top: 0px;

	color: #000000;

}

#pespace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin-left: 120px;
	margin-top: 0px;
	color: #000000;
	float: right;
	width: 500px;

}

#adhesion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FEEEC7;
	width: 500px;
	margin-top: 53px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 188px;
	padding: 10px;
	border: thin solid #999999;
}