body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:auto;
}



.fond{
margin:auto;
/*background-color:#3497DD;*/
background-position:center;
width:986px;
}

.bleu{
float:left;
background-color:#3497DD;
}


.racine{
font-size:0px;
background: url(/images/charte/fondOPD.jpg) no-repeat;
/*background-color:#3497DD;*/
width:986px;
min-height:614px;
/*_height:100px;*/
margin:auto;
}


/*******************************************************************
						PARTIE ENTETE
********************************************************************/
.entete{
float:left;
width:986px;
height:147px;
}

.logo{
width:408px;
height:147px;
float:left;}

.boutique{
/*background: url(/images/charte/bulle-boutique.jpg) no-repeat;*/
width:227px;
height:137px;
float:left;
margin-left:33px;
_margin-left:35px;
}

.boutique a{
background: url(/images/charte/bulle-boutique.jpg) no-repeat;
text-decoration:none
}


.boutique a:hover{
background: url(/images/charte/bulle-boutique-hover.jpg) no-repeat;
}

 .texte-boutique{
cursor:pointer;
width:160px;
font-weight:bold;
color:#FFFFFF;
font-size:11px;
}

.texte-boutique img{
float:left;
padding-top:50px;
padding-right:10px;
padding-left:30px;
}

.texte-boutique p{
float:left;
margin-top:50px;
width:100px;
}

.licence{
width:227px;
height:138px;
float:left;
margin-left:30px;
_margin-left:10px;

}

.licence a{
background: url(/images/charte/bulle-licence.jpg) no-repeat;
text-decoration:none;
}

.licence a:hover{
background: url(/images/charte/bulle-licence-hover.jpg) no-repeat;
}

 .texte-licence{
cursor:pointer;
width:170px;
font-weight:bold;
color:#FFFFFF;
font-size:11px;
}

.texte-licence img{
padding-top:50px;
padding-right:10px;
float:left;
padding-left:30px;
}

 .texte-licence p{
margin-top:50px;
/*_padding-top:50px;*/
float:left;
width:90px;
}




.contenu{
width:986px;
float:left;
}


#drapeau{
margin-left:30px;
margin-top:30px;
margin-bottom:30px;
}


/*******************************************************************************
							STYLE ACTUALITE
*******************************************************************************/
.actualite{
float:left;
width:301px;
margin-top:30px;
margin-left:30px;
_margin-left:10px;
_font-size:0px;
}

.actualite-haut{
background:url(/images/charte/bord-haut-actu.gif) no-repeat;
width:301px;
height:4px;
}

.actualite-contenu{
float:left;
/*border: #000000 1px solid;*/
background:#98C8ED;
width:301px;
min-height:200px;
}

.actualite-contenu a {
font-size:11px;
font-weight:bold;
float:right;
color:#254997;
text-decoration:none;
margin-right:0px;
margin-bottom:0px;}

.actualite-contenu a:hover {
color:#254997;
text-decoration:underline;
}

.T-actualite{
background:url(/images/charte/T-actualite.gif) no-repeat;
width:182px;
height:17px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}

.img-actu{
float:left;
margin-left:10px;
_margin-left:5px;
margin-right:10px;
}

.titre-actu a{
float:left;
width:200px;
font-size:12px;
font-weight:bold;
color:#254997;
text-decoration:none;
}

.titre-actu a:hover{
text-decoration:underline;
}

.accroche-actu{
text-align:justify;
font-size:11px;
color:#254997;
margin-right:10px;
margin-bottom:10px;
}

.actualite-bas{
clear:both;
background:url(/images/charte/bord-bas-actu.gif) no-repeat;
width:301px;
height:4px;
}

/********************************************************
			STYLE ANIMATION
*********************************************************/

.animation{
	float:left;
	/*margin-top:40px;*/
margin-left:15px;
	_margin-left:20px;
	width:376px;
	margin-top: 40px;
}


/*********************************************************************************
								STYLE MENU
**********************************************************************************/

.menuDroit{
float:left;
width:230px;
_width:230px;
margin-top:75px;
padding-top:25px;
padding-left:30px;
_padding-left:0px;
_margin-left:20px;
}


.puce{
float:left;
background:url(/images/charte/bulle-menu.gif) no-repeat;
width:37px;
height:37px;
padding-right:10px;
}

.presentation{
float:left;
}
.presentation a{
margin-top:15px;
background:url(/images/charte/presentation.gif) no-repeat;
width:170px;
height:13px;
}

.presentation a:hover, .presentation a:active, .presentation a:focus{
background:url(/images/charte/presentation-hover.gif) no-repeat;
width:170px;
height:13px;
}


.services{

margin-top:20px;
padding-left:10px;
float:left;
}
.services a{

background:url(/images/charte/service.gif) no-repeat;
width:140px;
height:13px;
}

.services a:hover{
background:url(/images/charte/service-hover.gif) no-repeat;
width:140px;
height:13px;
}

.services a:hover, .services a:active, .services a:focus{
background:url(/images/charte/service-hover.gif) no-repeat;
width:140px;
height:13px;
}

 #sm{
display:none;}

.ssmenu{
float:left;
color:#FFFFFF;}


.services .ssmenu ul{
list-style:none;
color:#FFFFFF;
_margin-left:0px;
font-weight:bolder;
font-size:13px;
background:none;
}



.services .ssmenu li a{
padding-left:15px;
_margin-left:0px;
background:none;
color:#FFFFFF;
text-decoration:none;
}

.services .ssmenu li a:hover{
color:#F4BE0D;
text-decoration:none;
background:url(/images/charte/puce-menuG.gif) no-repeat;
}


.liens{
margin-top:20px;
padding-left:15px;
float:left;
}

.liens a{
float:left;
background:url(/images/charte/liens.gif) no-repeat;
width:140px;
height:12px;
}

.liens a:hover, .liens a:active, .liens a:focus{
background:url(/images/charte/liens-hover.gif) no-repeat;
width:140px;
height:12px;
}

.contacts{
margin-top:20px;
float:left;
}

.contacts a{

background:url(/images/charte/contact.gif) no-repeat;
width:140px;
height:13px;
}

.contacts a:hover, .contacts  a:active, .contacts  a:focus{
background:url(/images/charte/contact-hover.gif) no-repeat;
width:140px;
height:13px;
}

.trait-haut{
font-size:0px;
margin-top:10px;
/*padding-right:50px;*/
width:130px;
background:#FFFFFF;
height:1px;
}

.trait-v{
float:left;
margin-left:30px;
_margin-left:10px;
_padding-right:0px;
width:1px;
background:#FFFFFF;
height:100px;
}
/******************************************************************
			STYLE PIED PAGE
********************************************************************/

.piedPage{
float:left;
background: url(../images/charte/piedPage.gif) no-repeat;
width:986px;
height:168px;
color:#FFFFFF;
}

.menuPiedPage{
width:805px;
	font-size:0px;
	margin-right:10px;
	color:#FFFFFF;
	margin-top:142px;
	float: left;
}

.menuPiedPage a{
color:#FFFFFF;
font-size:11px;
text-decoration:none
}

.menuPiedPage p{
float:right;
color:#FFFFFF;
font-size:11px;
margin-top:10px;
/*margin-top:152px;*/
margin-right:10px;
color:#FFFFFF;
}

.menuPiedPage a:hover{
color:#FFFFFF;
font-size:11px;
text-decoration:underline;
}


.maintenance{
padding-left:10px;
_padding-bottom:80px;
padding-top:80px;
font-size:13px;
color:#254997;
}


.logoPrint{
display:none;}

.T-actuPrint{
display:none;}
/*************************************************************************
				Envoyer un ami
*************************************************************************/
.fond-bleu{
background-color:#3497DD;
margin:auto;
width:900px;
min-height:500px;
font-size:0px;
}

.fond-bleu img{
padding-bottom:10px;}

.envoyer{
font-size:11px;
color:#1B2B88;
background-color:#FFFFFF;
width:800px;
margin:auto;
margin-top:0px;
margin-bottom:0px;
padding:20px;

}

.envoyer a {
text-decoration:none;
padding:0px;
color:#3596dd;
}

.envoyer a:hover {
text-decoration:underline;
}

.envoyer p{

color:#1B2B88;
text-align:justify;
padding:0px;
padding-right:5px;
}