@charset "utf-8";
/* CSS Document */


/* ici la mise en forme de la structure de base de la page web*/

body
{
   width: 950px;/* Pour centrer notre page */
   margin: auto;
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background :#FFFFFF;/*Il peut être ajouter une image de fond ou une couleur*/
}


#en_tete
{
	width: 930px;
	height: 150px;/*définir la hauteur ici valeur choisis au hasard*/
	margin-bottom: 65px;
	background-image: url("images/banniere.jpg"); 
}



#barre_de_telechargement2
{
		float : right;
		width: 180px;
		height : 1250px;
		padding-top: 74px;
		padding-bottom:10px;
		border: 1px solid #FFCC33; /*#663333;/*#5F8CA3;*/
		text-align: center;
		font-family:georgia;
		background-image: url("images/telechargement2.jpg");
		background-repeat:no-repeat;
}

#barre_de_telechargement
{
		float : right;
		width: 197px;
		height : 955px;
		padding-top: 74px;
		padding-bottom:10px;
		border: 1px solid #FFCC33; /*#663333;/*#5F8CA3;*/
		text-align: center;
		font-family:georgia;
		background-image: url("images/telechargement.jpg");
		background-repeat:no-repeat;
}

#corps
{
		margin-bottom: 20px;
		margin-right: 205px;
		padding: 5px; /* pour éviter que le texte ne colle trop à la bordure*/	
}

#corps_actualite
{
		margin-bottom: 20px;
		margin-right: 20px;
		padding: 5px; /* pour éviter que le texte ne colle trop à la bordure*/	
}


#pied_de_page
{
		padding: 1px;
		text-align: center;
		width: 550px;
		/*margin: auto;*/
		margin-left:85px;
		margin-top: 20px;
		border-top: 0.5px solid #808080;
		font-size:11px;
}

/*fin de la structure*/









/* ici commence la mise en forme du menu déroulant*/

#menu, #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 : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center;		/* on centre le texte qui se trouve dans la liste */
}


.puce
{
		list-style-type: circle;

}

#menu .menu_voyant   /* Contenu des listes qui se voient */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		background-image:url("images/menu.jpg") ; 
		padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        color : #FFFFFF;/* couleur du texte */
        width : 230px; /* largeur */
		height: 28px;
		font-weight : bold; /* on met le texte en gras */
        font-family : Verdana; 
        font-size : 12px; /* hauteur du texte : 12 pixels */	
}

#menu .autre_menu /* contenu des liste qui ne se voient pas*/
{
		display : block;
		background-image: url("images/puce.jpg");
		background-repeat: no-repeat;
		background-position: 5px 10px;
		background-color:#F6F6F6;
		padding-left: 15px;
		margin:auto;
		text-decoration : none;
		width : 224px;
		font-size:14px;
		height:20px;
		color:#000000;
		text-align:left;
}


html>body #menu li ul li                
{
        border-left : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li /* Elements des listes */      
{ 
        float : left;
		border-left : 1px solid #fff;
}



#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border: 0.5px solid #676767; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu 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 #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
 

#menu .menu_voyant:hover /* Lorsque la souris passe sur un des liens qui se voient */    
{
        color:#FFFFFF; /* On passe le texte en blanc */
        background:#66CCCC; /* ... et le fond en bleu */
}

#menu .autre_menu:hover /* Lorsque la souris passe sur un des liens qui se voient */    
{
        color:#000000; /* Le texte est noir */
        background :#C8C8C8; /* ... en gris un peu plus foncé */
}
#menu 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 */
}

#menu 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 */
        min-height: 0; /* Corrige un bug <<<<<<<<<<<<<<<<<<<<<<<<<<<<<  */
}

#position_menu
{
		padding-top: 150px;
}
/*fin pour le menu*/







/*Presentation du corps avec onglet */

#corps .onglet
{
		color: #FFFFFF;
		background-image:url("images/onglet.jpg");
		font-weight:bold;
		height : 20px;
		width : 245px;
		padding-left :5px;
		padding-top : 4px;
		text-decoration:none;
		text-align : left;
		font-family: verdana;
		font-size : 12px;
		margin-top: 20px;
}

#corps .dans_onglet
{
		border-top: 4px groove #5F8CA3;
		border-left: 1px outset black;
		font-family:georgia;
		padding : 15px;
}


#corps_actualite .onglet
{
		color: #FFFFFF;
		background-image:url("images/onglet.jpg");
		font-weight:bold;
		height : 20px;
		width : 245px;
		padding-left :5px;
		padding-top : 4px;
		text-decoration:none;
		text-align : left;
		font-family: verdana;
		font-size : 12px;
		margin-top: 20px;
}

#corps_actualite .dans_onglet
{
		border-top: 4px groove #5F8CA3;
		border-left: 1px outset black;
		font-family:georgia;
		font-size:12px;
		padding : 15px;
}



/* Maintenant la fenêtre dans la barre telecharge*/

#actualite
{
		padding-bottom: 35px;
		padding-top: 25px;
		/*margin-bottom:5px;
		margin-top: 300px;*/
		text-align: center;
		font-size : 10px;
}



#dans_actualite
{
		height:250px;
		width: 197px;
		font-size :12px;
		overflow:auto;
}

#icone_validation
{
		padding-top:170px;
}

/* partie pour les logos sur la page d'acceuil (image lien)*/
a img
{
		border:none;
}

/* Pour la vidéo de l'accueil */

#video_prez
{
		width : 50%;
		margin : auto; 
}

/* image de fond de la page d'accueil de présentation*/
#presentation
{
		background-image : url("images/inter_attenue.gif");
		background-repeat : no-repeat;
		background-position : 50% 0%;
}

/*met en petit les libertés dans la partie des formulaires*/
.commentaire
{
		font-size : 10px;
}

#animation_actualite
{
		margin-top : 25px;
}