/* CSS Document */
/*couleurs yodatech du menu : b leu :3D6694 - vert : 2d7e3d - rouge : 9e2d2e - orange : FF9933 - gris : 666666
divers : bleu #2A64B0*/
/*mes couleurs :
bleu degrade du bandeau : 
18293B
243C58
bleu fond h1 et fond body : 253D59
2B4868
305073        
5F7C9E
6480A1
7C94AF
bleu ecran et menu h3 : 63A4BE
jaune survol : FFE88C
*/
/*mes couleurs odile pro:
bleu degrade du bandeau : 
18293B
243C58
bleu fond h1 et fond body : 253D59
2B4868
305073        
5F7C9E
6480A1
7C94AF
bleu ecran et menu h3 : 63A4BE
jaune survol : FFE88C
*/
/* Pour l'ALREP V3 :
jaune : #F8D538 
. fond du body
. logo boule
bleu : #253D59
. titre de l'en-tete
. texte du body
. h3 : */
body, html {
	font-size:small;
	font-weight:400;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#253D59;
	margin: 0;
	padding: 0;
	background-color: #F8D538; /*FFCA00; #154797;*/
}
#conteneur {
	position: absolute;
	width: 800px;
	left: 50%;
	margin-left: -400px; 
	margin-top:10px;
	float:left;
	border:1px solid #154797; /*#63A4BE;*/
	padding:0px 0px 0px 0px;
	background-color: #FFF;
}
#gauche {
	float:right;
	width:150px;
	margin:20px 0px 0px 0px;
}
#droite {
	float:right;
	width:650px;
	margin:20px 0px 0px 0px;
}
#header {
	height:216px;
	width:800px;
	background-image:url("images/outils/bandeau_vect.gif");
	background-repeat:no-repeat;
}
#footer {
	height:80px;
	width:800px;
	background-image:url("images/outils/bandeau_vect_pied.gif");
	float:left;
}
                                                     /* paragraphes et en-tetes */ 
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	margin:2px 20px 15px 20px;
	padding:0px 0px 0px 0px;
}
.pcentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:2px 20px 15px 10px;
	padding:0px 0px 0px 0px;
}
h1 {
	color: #FFFFFF;
	font-size:110%;
	background-color:#253D59;
	border-bottom:1px inset #63A4BE;
	border-right:1px solid #63A4BE;
	text-transform:uppercase;
	font-weight:700;
	text-align:center;
	letter-spacing:2px;
	margin:0px 0px 20px 0px;
	padding:2px 2px 2px 5px;
}
h2 {
	font-size: 110%;
	font-weight:900;
	margin:0px 0px 0px 10px;
	color: #253D59;
}
h3 {
	font-size: 100%;
	font-weight:900;
	margin:0px 0px 0px 20px;
	color: #253D59;
}
li{
	list-style-image:url("images/outils/puce_bleue.gif");
	text-align: justify;
	font-size: 100%;
	margin:0px 20px 0px 0px;
}
.pli{
	font-size: 100%;
	font-weight:100;
	margin:2px 20px 15px 10px;
}
#Image1 {
	border:none;
}
														/* L I E N S */
a {
	color:#253D59;
	text-decoration:underline;
}
a:hover {
	color:#F8D538; /*63A4BE;*/
	text-decoration:none;
}
														/* M E N U */	
#menu {
 	font-size:85%;
	width:150px;
	margin:0px 0px 0px 0px;
	border-right:1px solid #154797; /*63A4BE;*/
}
#menu h3 {
	display: block;
	color:#FFFFFF; /*253D59;*/
	background-color:#253D59;
	font-size:105%;
	text-decoration:none;
	width:136px;
	margin:0px 2px 2px 2px;
	padding:2px 0px 2px 10px;
	border-bottom:1px solid #253D59;
}
#menu a {
	display:block;
	color:#333333;
	text-decoration:none;
	width:136px;
	margin:2px 2px 2px 2px;
	padding:0px 0px 0px 10px;
	border-bottom:1px solid #253D59;
}
#menu a:hover, #menu a:focus {
	background-color:#F8D538; /*FFCA00; #FFE88C;*/
	color:#000000;
	background-image:url("images/outils/puce_bleue.gif");
	background-repeat:no-repeat;
}
.menuactif {
	color: #000000;
	background-image: url("images/outils/puce_bleue.gif");
	background-repeat: no-repeat;
	background-color:#F8D538; /*FFCA00;*/
}
/*#contenu h3 {
	font-weight: bold;
	color: #333333;
	background-color: #F4F8FB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 2px;
	text-indent: 15px;
	margin-left: 10px;
	background-image: url(img/puce_lien.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}*/
acronym {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	cursor: help;
}
														/* T A B L E S */
table,td,tr {
border:1px solid #253D59;
margin:0px 0px 20px 20px;
}
														/* P H O T O S */
/*page sites*/
.flash {
	float: right;
	width: 146px;
	height:100px;
	margin: 0px 15px 0px 15px;
}
/*page retouche*/
.retouche {
	float: right;
	width: 120px;
	height:120px;
	margin: 0px 15px 0px 15px;
}
/*page presentation*/
.presentation {
	float:right;
	width:150px;
	height:157px;
	margin: 0px 15px 0px 15px;
}
/*page bureautique*/
.historique {
	float:right;
	width:150px;
	height:147px;
	margin: 0px 15px 0px 15px;
}
/*page tarif*/
.tarif {
	float:right;
	width:150px;
	height:152px;
	margin:0px 15px 0px 15px;
}

/* adot 13*/

#contenu dl.liens {
	margin: 10px 10px 15px 10px;
}

#contenu dl.liens dt {
	font-size: 110%;
	font-weight:900;
	color: #253D59;
	padding: 5px 5px 5px 5px;
	border: 1px solid #154797;	
	border-bottom: none;
	background: #FFF9DD; /*154797*/
	clear: both;	
}

#contenu dl.liens dd {
	/*margin-bottom: 10px;*/
	margin:0 0 10px 0;
	padding: 5px 5px 5px 5px;
	border: 1px solid #154797;	
	border-top: none;
	background: #FFF9DD; /*154797;	*/
	overflow: auto;
}

#contenu dl.liens dd img {
	border: 1px solid #154797;
	margin-bottom: 0;
}
.align-droite { float: right; }
.align-gauche { float: left; }
.align-centre { text-align: center !important; }

img.align-droite { margin: 0 0 5px 15px; }
img.align-gauche { margin: 0 15px 5px 0; }


/*

.listing {

}

.listing dt {
	padding: 5px 10px 10px 10px;
	background: #fdebf1;
}

.listing dd {
	margin: 0 0 12px 0;
	padding: 0 10px 15px 10px;
	background: url(images/gabarit/background-listing.gif) no-repeat bottom #fdebf1;
}

*/