/*-------Généralités--------*/
body {
	color: #003399;
	background-color: #000082;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align:justify;
	font-size:13px;
	margin:1em 1%;
	padding:0;
	line-height:20px;
}
/*Cadre de la page*/
#page {
	border:4px solid #0099CC;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	/*position: absolute;*/
}


/*La bannière du haut------------------*/
#logo{
	background: url(/images/bg.png) no-repeat right top;
	height:83px;
	padding:0px;margin:0px;
}

/*Le cadre où il y a purement le texte*/
#content{
	background-color:white;
	padding:10px;
	margin:0px;
/*	background-image:  url(/images/symboleAgelid.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	position:relative;min-height:500px;
	top:10px;
}
* html body #content {height:500px} 


ul li {
list-style-image: url(/images/puce.gif);
font-size:13px;
margin-left:50px;
margin-right:20px;
text-align:justify;
padding-right:20px;
list-style-position:outside;
}
ul li ol li {
	list-style:square url(none);
	margin-left:0px;
}
ul li ol li  ol li{
	list-style:circle url(none);
	margin-left:0px;
}

h1 {
	font-size:18px;display: block;
	font-weight:normal;
	color:#AA0055;
	margin:20px 0px;
	border-bottom: 1px dotted #66CCCC;
	background:url(/images/symbole_h1.gif) no-repeat; padding-left:30px;padding-bottom:5px;
}

h2 {
	font-size:15px;
	margin:10px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:url(/images/symbole_h2.gif) no-repeat; padding-left:20px;
}

h3 {
	font-size:13px;
	margin:10px 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

form {margin:0px;padding:0px;}

/*Tableau de présentation => page d'accueil pour les SERVICES*/
#tablePres ul li {margin:0px;}
p{
	margin:10px 20px ;
	padding:0px 20px;
	/*line-height: 30px;*/
	text-align:justify;
}
td {text-align:justify;}
img {border:0;}
a{font-weight:bold;color:#CC3366; text-decoration:none}
a:hover{font-weight:bold;color:#7CA4D8; text-decoration:underline}
/*-------Fin généralités--------*/
/*Gros titre des rubriques*/
#titreRubrique{
text-align:center;
padding:0px 0px 10px 0px;font-size:20px;font-weight:bold;/*color:#36A3A3;*/
border-bottom:2px solid #66CCCC;
width:99%;
}
/*Gros titre des rubriques*/
#titreSsRubrique, #titreSsRubrique a, #titreSsRubrique a:active, #titreSsRubrique a:link{
	text-align:center;
	font-size:18px;
	color: #FFFFFF;
	margin:0px;
	padding:0px;
	background-color: #CC0066;
	font-weight: normal;
}
#titreSsRubrique a:hover {
	background-color: #c2ebeb;
	color: #CC0066;
	text-decoration: none;
}
#tdCouleur {
	border: 1px solid #B9D5EC;
	margin:0px;
	padding:0px;
	background-repeat: no-repeat;
	background-position: 90% 90%;
	background-color: #FFFFFF;
}
table {font-size:12px;}
.titreTable {text-align:center;font-weight:bold;background-color:#A4BFE3;font-size:13px;}

.important {
	font-size:15px;
	font-weight:bold;
	padding:10px 40px;
	margin:10px 0px;
	line-height:22px;
	color: #CC3366;
	font-style: italic;
	background-color:#EEF9FB;
	text-align:center;
}
.important a {font-size:13px;color:#003399;font-style: normal;}


/*Barre avec le blah blah pour contacter le commercial*/
.contact {
text-align:center;
	font-size:14px;
	font-weight:600;
	padding:5px;
	margin:30px 0px;
	line-height:22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0066CC;
	border:1px solid #113A94;
	background:url(/images/phone.png) no-repeat left #CFE7FA;
   }

/*Footer ------*/
#footer {
	background-color: #DDE8FF;
	padding:5px;
	border-top:2px solid #7CA4D8;
	margin-top:15px;
	font-size: 10px;
	text-align:center;
	line-height:12px;clear:both; 
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
}


/************* Styles pour la navigation ****************/

#globalNav{
position: relative;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
font-size:12px;
background-image: url("nav-bck.png");
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


#globalLink a, #globalLink a:visited{
  	font-size: small;
  	color: #FFFFFF;
	font-weight: bold;
	font-size:14px;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 2px solid #4EBDD7;
}

#globalLink a:hover{
  	background-image:  url("nav-bckOver.png");
	text-decoration: none;
	color:#113A94;
}

/************ subglobalNav styles **************/

.subglobalNav{
	position:absolute;
	margin-right:2em;
	height: 30px;
	padding:5px;
	visibility: visible;
	color: #0D3692;
	font-weight:bold;
	font-size:13px;
	background:url(/images/navBg.png);
}
.subglobalNav a {font-weight:bold; background:url(/images/puce.gif) no-repeat left;}

.subglobalNav a:link, .subglobalNav a:visited {
	color: #0D3692;padding:0px 10px;padding-left:22px;
}

.subglobalNav a:hover{
	text-decoration: none;
	color: #CC0033;
}


/******************* PAGE d'ACCUEIL***************/
#texte {
	margin:0 1% 2em 180px;
}
#texte td {
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
}
/*********Actualités*************/
#news {
	color:#0076CF;
	font-size:12px;
	margin:20px 0px;
	padding:0px;
}
#news h1 {
	 color:#0D3692;
	 font-size:13px;
	 font-weight:bold;
	 margin:10px 0px 0px 0px;
	 padding:0px;
	 background-image:none;
	 border-bottom:none;
	 border-top:1px solid #4ebdd7;
}
#news .title {margin:0px;padding:0px;padding-right:5px;}
#news .title a:hover {text-decoration:none; color:#113A94}
#news .content{
	border:1px solid #008AE1;
	background-color:#EFFAFC;
	padding:5px;
	margin:0px;
}
#news .content p {
	margin:0px;
	padding:0px;
	line-height:normal;
}


/*-------------MENU-------------*/

#menu {
height:500px;
margin:0px;padding:0px; background-repeat:no-repeat; background-position:bottom;
left:10px;
position:absolute;
width:177px;
overflow:hidden;
}
#menu img {margin:30px 0px 0px 0px;padding:0px;border:0px;cursor:hand;background-color:#FFFFFF;}
#menu ul {
	margin:0px;
	margin-bottom: 10px;
	padding:0px;
	/*display:none;*/
}
#menu ul li {
	list-style-image: url(/images/pucePetit.png);
	font-size:11px;
	margin:0px;padding:0px;margin-left:30px;
	text-align:left;
}
#menu a{
	color:#003399;
	background-color:transparent;
	display: compact;
	font-weight:normal;
	text-decoration:none;
}

#menu a:hover{
	background-color:#DFF4FF;
	color:#0099CC;
}

.high {color:#0099FF;font-weight:bold}



/******pour les pages d'infos : Plan du Site et Mentions Légales********/
.infos h1 {border-top:0px;border-bottom: 2px solid #113A94; padding-bottom:10px;color:#0066CC;}
.infos a {color: #0099FF}
.infos a:hover {color: #CC0033}