/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	text-align: center;
	background-color: #f0f0f0;
	font-size: 0.8em;
	color:#2f2f2f;
	font:12px/1.55em;
	text-align:center;
	width: 100%;
	
}

h1, h2, h3 , h4{
	font-family: "Trebuchet MS", sans-serif;
	font-variant : small-caps;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
	margin-left: 10px;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	clear : both;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
h4 {
	margin: 0;
	color: #006699;
	font-size: 1.1em;
	padding-top:5px;
	padding-bottom:5px;
}
h5{
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

a {
	color: #EC8000;
	text-decoration: none;
}

a:visited {
	color: #EC8000;
	text-decoration: none;
}

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

img {
	border: 0
}

p{
margin-left: 10px;
text-align : justify;
}
#img{
	text-align : center;
	margin : auto;
	margin-left: 15px; 
	margin-bottom: 15px;
}
#contact{
	text-align : center;
	margin : auto;
	text-decoration:none;
	margin-bottom: 11px;
}
#haut-droite{
	float: right;
}
#contact img{
	text-decoration:none;
	color : #fff;
	border : 0px;
}
.appli{
	margin : 10px;
	min-height : 80px;
}
.image_appli{
	float : left;
	width : 20%;
	height: 100px;
}
.image_appli img{
	margin-left: 20px;
}
.text_appli{
	float : left;
	width : 80%;
	text-align:justify;
}
/* Mots Clés
-------------------------------------------------------- */
#motcle{
	width: 100%;
	height : 10px;
	background-color : #0A263D;
	color : white;
	font-size : 8px;
}


/* Entête
-------------------------------------------------------- */
#header{
	width: 100%;
	height : 150px;
	border-bottom:1px solid #415966;
	background-color : #337bc7;
}
#entete {
	width : 1020px; 
	height : 150px;
	margin:auto;
	padding : 0;
	color: #FFFFFF;
	background:transparent url(../images/header_top_container_bg.jpg) no-repeat scroll 50% 0;
}


.logo {
	width: 350px;
	margin: 0;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
	float : left;
}
#header_right{
	background:transparent url(../images/header.gif) no-repeat scroll 0 0;
	float : right;
	height: 150px; 
	margin-top: 0px; 
	margin-left: 5px; 
	padding-left: 116px;
	width: 400px;
}

#header-nav {
	height : 35px;
	background : #0A263D ;
}
#masterdiv{
	width : 1000px;
	margin : auto;
}

#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 : 21px; /* on définit une hauteur pour chaque élément */
        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; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		height : 60px;
}

#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 : transparent; /* couleur de fond */        
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 120px; /* largeur */
		margin-top : 10 px;
}
#menu li /* Éléments des listes */      
{ 
        float : left; 
		margin-top : 9px;
		margin-bottom : 4px;
        /* 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 #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}







#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color : #A9C9E9; /* On passe le texte en noir... */
        
}



/* Page
-------------------------------------------------------- */

#wrapper {
	width: 1000px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background:#FFFFFF url(../images/main_container_bg.png) repeat-y scroll 0 0;
}

#subwrapper {
	padding: 0;
	width: 998px;


}

#content {

	padding: 0;
	clear: both;
	margin: 0;
	min-height : 500px;
}

#contenu {
	float : left;
	width:730px;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}






/**********************************/


.contourImage {
	/*border: 1px solid #0066CC;*/
	margin-bottom: 5px;
	float: left;
}





/* Pied de page
-------------------------------------------------------- */

#footer{
	width: 988px;
	color: #808185;
	background-color : #F0F0F0;
	border-top: 3px solid #D5DADD;
	font-size: 0.9em;
	text-align: center;
	margin: 0;
	margin-left : 6px;
	padding : 0;
	padding-top : 15px; 
	padding-bottom : 15px;
	clear : both;
}
.fin-footer{
	color: #808185;
	font-size: 0.8em;
	text-align: center;
	margin: 10px;
	width: 970px;
	clear : both;
}

.addthis_footer{
text-align: center;
margin-left: 416px; 
width: 156px;
}

/* Menu général
-------------------------------------------------------- */


dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 40px;
}


/* Menu Droite
-------------------------------------------------------- */
#menuDroite {
	float: right;
	top : 120px;
	width:200px;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	min-height : 500px;
	border-left:3px solid #D5DADD;
	padding-left: 15px; 
	text-align : left;
}

#menuDroite p{ 
	text-align : left;
}


/* Signature
-------------------------------------------------------- */


a.LIEN_signature:link {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: #808185;
	text-decoration: underline;
	font-weight: bold;
}