/*
Ce script a ��t�� cr���� gratuitement pour vous (licence GPL) !
/*
Merci de laisser les lignes suivantes pour faire conna��tre le script...
*/
/*
Portail con��u et d��velopp�� par Patrick HAMY - Version du 04-09-2007 
Propos��s au t��l��chargement en ��tat (Valide CSS et XHTML - W3C) (http://www.w3.org/)
Licence GPL (http://www.gnu.org/licenses/licenses.fr.html)
Site de l'auteur : http://www.patrickhamy.net
*/
/*
Vous pouvez faire toutes les modifications que vous souhaitez, redistribuer l'une ou l'autre version, dans le cadre du respect de la licence GPL, c'est �� dire essentiellement, n'en tirer aucun profit financier, et laisser dans tous les cas de figure apparent le lien pointant vers le site de l'auteur (lien-auteur-hamy.php), ainsi que les commentaires �� la source, afin de permettre �� d'autres internautes int��ress��s d'en b��n��ficier (normal, n'est-ce pas !). Merci
*/
/* Pour info : les (#) = les balises <div> et les (.) les class */
body
{
	width: 775px; /*La taille de la largeur du site */
	margin: auto; /* Pour centrer notre page */
	margin-bottom: 2px;    /* Idem pour le bas du navigateur */
	background-image: url("../images-main/main_bg.png");  /* Une petite image de fond pour ��viter d'avoir un vieux fond blanc */
	background-attachment: fixed; /* Le fond restera fixe */
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#banniere
{
	text-align: center;
	width:775px; /* 775 px On d��finit la largeur de l'image */
	height: 75px; /* 75 px On d��finit la hauteur de l'image */
	/*background-image: url("../images-main/bandeau1.jpg");  Image Banni��re */
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 1px; /* Pour ��viter de coller avec le haut de la fen��tre du navigateur */
	background-attachment: scroll;
}
#banniere2
{
	text-align: center;
	width:775px; /* 775 px On d��finit la largeur de l'image */
	height: 75px; /* 75 px On d��finit la hauteur de l'image */
	/*background-image: url("../images-main/bandeau2.jpg");  Image Banni��re */
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 1px; /* Pour ��viter de coller avec le haut de la fen��tre du navigateur */
	background-attachment: scroll;
}
#banniere3
{
	text-align: center;
	width:775px; /* On d��finit la largeur de l'image */
	height: 75px; /* On d��finit la hauteur de l'image */
	background-image: url("../images-main/bandeau3.jpg"); /* Image Banni��re */
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 1px; /* Pour ��viter de coller avec le haut de la fen��tre du navigateur */
	background-attachment: scroll;
}
#carre1 /* Le corps de la page */
{
	width: 250px;
	height: 90px;
}
#corps /* Le corps de la page */
{
	margin-bottom: 10px; /* Ca c'est pour ��viter que le corps colle trop au pied de page en-dessous */
	text-align: center;
	padding-left: 5px; /* Pour ��viter que le texte �� l'int��rieur du corps ne colle trop �� la bordure */
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-top: 41px;
	width: 764px;
	color: #333333;
	background-image: url("../images-main/fond_menu_s.png");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: #339900;
	font-size: 0.9em;
}
#corpsinterexpo /* Le corps de la page */
{
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 749px;
}
#corpsexpo /* Le corps de la page */
{
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 750px;
}
#corpscv /* Le corps de la page
margin-top: -150px;
	padding-top: 150px;
background-image: url("../images-main/fond_menu_s.png");
	background-repeat: repeat-x;
 */
{
	text-align: center;
	color: #333333;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	
}
#corpsrealisations /* Le corps de la page */
{
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 750px;
}
#corpsvideo /* Le corps de la page */
{
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#corpsactualite /* Le corps de la page */
{
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#corpscontact /* Le corps de la page */
{
	margin-bottom: 10px; /* Ca c'est pour ��viter que le corps colle trop au pied de page en-dessous */
	text-align: center;
	padding-left: 5px; /* Pour ��viter que le texte �� l'int��rieur du corps ne colle trop �� la bordure */
	padding-right: 25px;
	padding-bottom: 5px;
	width: 766px;
	color: #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
	#div-formulaire /* Le corps de la page */
{
	text-align: center;
	width: 666px;
	color: #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
   

#corpsaccueil /* Le corps de la page */
{
	text-align: center;
	color: #333333;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
#corps2 /* Le corps de la page */
{
   
   margin-bottom: 10px; /* Ca c'est pour ��viter que le corps colle trop au pied de page en-dessous */
   text-align: left;
   padding-left: 5px; /* Pour ��viter que le texte �� l'int��rieur du corps ne colle trop �� la bordure */
   padding-right: 5px;
   padding-top: 10px;
   padding-bottom: 5px;
   margin-top: 21px;
   width: 764px;
   color: #333333;;
   background-color: #CCCCCC; /* Une couleur de fond pour le corps */
   background-image: url("../images-main/fond_menu_s.png");
   background-repeat: repeat-x;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
}
   
}
.imageflottante
{
	float: none;
}
.imageflottanteaccueil1
{
	float: none;
	margin-top: 10px;
	margin-left: 50px;
}

.imageflottanteexpo1
{
	float: none;
	margin-top: -10px;
}
.imageflottantecv1
{
	float: none;
	margin-top: -20px;
	margin-right: 582px;
	margin-left: -44px;
}
.imageflottantevideo1
{
	float: none;
	margin-top: -20px;
	margin-right: 582px;
	margin-left: -44px;
}
.imageflottanteimage1
{
	float: none;
	margin-top: -20px;
	margin-right: 582px;
	margin-left: -44px;
}
.imageflottanteimage2
{
	float: none;
	margin-top: -20px;
	margin-right: 582px;
	margin-left: -44px;
}
.imageflottanteimage3
{
	float: none;
	margin-top: -20px;
	margin-right: 582px;
	margin-left: -44px;
}
.imageflottantecontacts1
{
	float: left;
	margin-left: 250px;
}
.imageflottantecontacts2
{
	float: left;
	margin-left: 250px;
}
a img
{
Border:none;
}
h4 /* Ici cela correspond aux titres qui se trouvent en haut du corps de toutes les pages */
{
   background-color: #FFFFFF;
   text-decoration: none;
   font-family: Arial, "Times New Roman","Arial Black", Verdana, serif;
   text-align: center; /* Pour centrer le titre */
   color: #666666;
}
/***** Menus Horizontal *****/
#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 : 17px; /* 11 on d��fini une hauteur pour chaque ��l��ment */
	/*line-width : 10px;  largeur */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}
#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
		font-family: Arial,"Trebuchet MS", "Times New Roman",serif; /* on utilise Arial c'est plus beau ^^ */
        font-size : 13px; /* hauteur du texte : 12 pixels */
		
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'��l��ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge int��rieure */
        background : #FFFFFF; /* couleur de fond */       
        color : #000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par d��faut des liens (la plupart du temps = soulign��) */
        width : 130px; /* largeur */
		
}
#menu li /* Elements des listes */     
{
	float : left;
	/* pour ie qui ne reconna��t pas "transparent" */
        border-right : 3px solid #fff; /* on met une bordure blanche �� droite de chaque ��l��ment */
	width: 128px;
}
/* ie ne reconnaissant pas le s��lecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente �� droite de chaque ��l��ment */
}
#menu li ul /* Sous-listes (item) */
{
        position: absolute; /* Position absolu */
        width: 154px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoi loin du champ de vision */
}
#menu li ul li /* El��ments de sous-listes (item) */
{
        /* 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 #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 ">" */
html>body #menu li ul ul               
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque ��l��ment */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */   
{
        color: #CCCCCC; /* On passe le texte en noir ... */
        background: #FFFFFF; /* ... et au contraire pour le fond */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes (item) 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 (item) 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 */
}
a.link_erwan {
  font-size: 0.7em;
  color: gray;
  text-align: right;
  background-color : white;
  text-decoration: none;
  font-weight: normal;
  font-family: "Trebuchet MS", serif;
}
a  /* Ici il s'agit des liens */
{
   text-decoration: none; /* Les liens ne seront plus soulign��s */
   color: #000000; /* Les liens seront en noir */
   background-color: #FFFFFF;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration:none; /* Le lien ne sera pas soulign�� quand on pointera dessus */
   color: #CCCCFF; /* Ici c'est la couleur du lien quand on pointera dessus */
   background-color: #FFFFFF;
}
#pied_de_page 
{
   margin-bottom: 2px;
   margin-top: 10px;
   height: 30px;
   text-align: center;
   text-decoration:none;
   color: #B3B3B3;
   background-color: #FFFFFF;
   font-family: "Trebuchet MS", "Times New Roman",serif;
   font-size: 0.7em;
   /*background-image: url('../images-main/motif-pied4.png');  Image du pied de page */
   background-repeat: repeat-x;
}