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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; padding:0; margin:0}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a, a:hover, a:visited {text-decoration: none;}
/*END OF YUI RESET*/


body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#000000;
	background-color:#5f80b6;
	background-image:url(images/fond_04.jpg);
	background-repeat:no-repeat;
}

#site
{
	margin-left: 16px;
	width:905px;
	padding-top:4px;
}


a
{
	color:#FFFFFF;
}

a:hover
{
	color:#D9E247;
}

.lettrine_gauche
{
	position:relative;
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top:0px;
	padding: 1px;
	line-height: 1em;
}

.lettrine_droite
{
	position:relative;
	float: right; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top:0px;
	padding: 1px;
	line-height: 1em;
}

#paragraphe
{
	overflow:hidden;
}



.lettrine_droite img
{
	border:#336699 1px solid;
}

.lettrine_gauche img
{
	border:#336699 1px solid;
}

hr
{
	background-color:#D7E6ED;
	height: 1px;
	border: 0;	
}

em
{
	font-style:italic;
}


a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
	background      : transparent url('images/fond.png');
    border         :  1px solid #6699FF; /* Définition des bordures */
	
}   



a.info_bulle
{				
  color           : #2F368A; /* Couleur de notre lien */
  font-size       : 1.2em;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  
  padding         : 2px 2px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  
   position : relative; /* Indispensable pour le bon positionnement de l'info-bulle */

}   

a.info_bulle:hover span 
{  
	top        :  auto;
    left       :  60px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
	z-index:10;
}

a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}      

/*Bandeau/**********************************************************************************************/

#bandeau  
{
	width:905px;
	height:180px;
	background-image:url(images/bandeau.jpg);
	background-repeat:no-repeat;
	padding-left:19px;
}

#bandeau a
{
	width:300px;
	height:150px;
	float:left;
}

#bandeau h1
{
	float:left;
	padding-left:170px;
	padding-top:35px;
	font-size:31px;
	font-weight:bold;
	color:#FFFFFF;
}
#bandeau h2
{
	float:left;
	padding-left:162px;
	padding-top:0px;
	font-size:17px;
	font-weight:bold;
	color:#CC6633;
}

#bandeau h3
{
	padding-left:10px;
	font-size:12px;
	color:#FFFFFF;
	width:650px;
 	overflow:hidden;/* ceci pour etirer */	
}

/*Menu/**********************************************************************************************/

#menu  
{
	padding:0;
    overflow:hidden;/* ceci pour etirer */
	height:38px;
	background-image:url(images/menu_04.jpg);
	background-repeat:repeat-x;
	margin-left:50px;
	width:829px;
}

#menu ul  
{
    float:left;
	vertical-align:bottom;
    list-style-type:none;
    display:block;
    padding:0;
	margin:0;
}
#menu ul li 
{
    float:left;
}

#debut_menu  
{
	float:left;
}
#fin_menu  
{
	float:right;
}

#menu  a 
{
    color:#FFFFFF;
	text-decoration:none;
	float:left;
	height:19px;
	font-size:12px;
	background-image:url(images/fleche_06.jpg);
	background-repeat:no-repeat;
	background-position:15px 20px;
	border-left:#47659B 1px solid;
	padding-left:18px;
	padding-right:18px;
	padding-top:10px;
	text-align:center;
	display:inline;
}

#menu  a.accueil
{

	border-left:none;
}  

#menu  a:hover
{
	color:#D9E247;
}





#centre
{
	overflow:hidden;
	color:#FFFFFF;
	width:820px;
	margin-left:55px;
	text-align:justify;
}


#droite
{
	float:left;
	width:190px;
	background-image:url(images/droite_07.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:600px;
	padding-left:110px;
	color:#3B5263;
	font-size:11px;
}

#droite2
{
	float:left;
	width:190px;
	background-image:url(images/droite_08.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:500px;
	padding-left:23px;
	color:#3B5263;
	font-size:11px;
}


#actu
{
	width:180px;
	height:265px;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:#CC6633 solid 1px;
	overflow:hidden;
}


#actu h2
{
	color:#1C5B92;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;	
}

#actu a
{
	color:#1C5B92;
}

#actu b
{
	color:#C6AD00;
}

#actu strong
{
	color:#3399CC;
}

#actu b.titre
{
	color:#3B5263;
}

#actu strong.titre
{
	color:#3B5263;
}


#newsletter
{
	width:180px;
	padding-top:10px;
}


#newsletter h2
{
	color:#CC6633;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;	
}


input.texte
{
	width:140px;
	margin-bottom:5px;
	font-size:11px;
	height:16px;
	border:1px #000000 solid;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
}

input.texte:focus
{
	background-color:#D9E8ED;
}

select.texte
{
	width:162px;
	font-size:11px;
	height:20px;
	border:1px #000000 solid;
	padding-left:10px;
	margin-left:10px;
}

option.texte
{
	width:162px;
	font-size:11px;
	height:20px;
	border:1px #000000 solid;
	
}

textarea.texte
{
	width:300px;
	font-size:11px;
	height:200px;
	border:1px #000000 solid;
	margin-left:10px;
}

#paragraphe a
{
	text-decoration:underline;
	color:#000000;
}

#paragraphe a:hover
{
	text-decoration:underline;
	color:#CC6633;
}


img.signature
{
	position:relative;
	float: right; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	margin-right: 40px;
	margin-bottom: 5px;
	margin-top:25px;
	padding: 1px;
	line-height: 1em;
}


img.realisation
{
	border:#E2F0F3 1px solid;
	background-color: #fff;
}

img.realisation:hover
{
	border:#CC6633 1px solid;
	background-color: #fff;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
}