/* CSS Document */

body {
	margin:0;
	padding:0;
	font-size: 75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
}


/* ---------------------------------------- Taille des caracteres ---------------------------------------- */

h1 {
	font-size:150%;
	color:#EE3D41;
	text-transform:uppercase;
	font-family:"Courier New", Courier, mono;
	/*border-bottom:1px dashed #C03BA8;*/
	padding:5px;
	padding-left:20px;
	background-image:url(/styles/fond-h1.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:normal;
	margin-top: 5px;
	margin-bottom:10px;
	clear:both;
}
h2 {
	font-size:125%;
	color:#173889;
}
h3 {
	font-size:110%;
	color:#173889;
}
h4 {
	font-size:110%;
}
h5 {
	font-size:100%;
}
h6 {
	font-size:100%;
}

/* ---------------------------------------- éléments de base ---------------------------------------- */

a:link {
text-decoration:underline;
color:#183889;
}
a:visited {
text-decoration:underline;
color:#435581;
}
a:hover, a:active {
text-decoration:none;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}

input, select, caption, blockquote {
	font-size: 95%;
}
input[type="submit"] {
margin-top:4px;
color:#840104;
width:auto !important;
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #BABABA;
background-image:url(/styles/fond-bouton.gif);
background-repeat:repeat-x;
background-position:top;}
caption, .remarque {
	color: #777777;
	text-align: center;
}
form, input{
display:inline;}
img {
	border:0;
	margin:0 !important;
	padding:0 !important;
}
hr {
height:1px;
color:#9BACC8;
}
.aLaLigne {
	clear: left;
}
.aLaLigne2 {
	clear: right;
}
.aLaLigne3 {
	clear: both;
}
.aLaLigneNul {
	clear: both;
	display: none;
}
.retourALaLigne {
	clear: both;
	display: block;
	margin: 1em;
}
.droit {
text-align:right;}
p.aDroite {
	text-align:right;
	border-bottom:1px dotted #aaa;
	padding-bottom:15px;
	margin:5px;
}

.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.floatLeft {
	float:left;
}
.clearRight {
	clear:right;
}
table.large {
width:100%;}
tr, td {
vertical-align:top;}
.majuscule {
text-transform:capitalize;}
.souligne {
text-decoration:underline;}

/* --------------------------------------------- CSS equiv ATOMS.CSS --------------------------------------------- */
/* ---------- SELECTEURS DE BASE ---------- */


#zoneA ul  {
	/*list-style: square outside;*/
}
#zoneA ul, #zoneA ol  {
	margin: 0 0 0 45px;
	padding: 0;
}
#zoneA dl {	
	margin: 1em 0 0.4em 30px;
}
#zoneA dt {
	font-weight: bold;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}
#zoneA dd {
	padding: 1.5em 0.2em 0.7em 1.6em;
	margin: 0 0 0 1em;
}
#zoneA table {
	margin:auto;
}
#zoneA table th {
	padding:4px;
	text-align:left;
	background-image:url(/styles/fond-relief-gris.gif);
	background-position:top;
	background-repeat:repeat-x;
	border: 1px solid #EEE9DF;
}

#zoneA table td {
	padding:3px;
	border: 1px solid #EEE9DF;
}

#zoneA table.transparente {
	margin: 0px;
}
#zoneA table.transparente th {
	border: none;
}
#zoneA table.transparente td {
	border: none;
}

table.FormAutoTable {
width:85%;}
.aligneADroite {
	text-align:right !important;
}
.aligneAGauche {
	text-align:left !important;
}
.aligneJustifie {
	text-align:justify !important;
}
table.border {
	border:1px solid #EEE9DF !important;
}
td.border {
	border:1px solid #EEE9DF !important;
}
tr.border {
	border:1px solid #EEE9DF !important;
}
/* ---------- IMAGES ---------- */

#zoneA .imgAlignRight img, #zoneA .imgAlignLeft img {
	border:1px solid #000;
	padding:0px;
	margin:0px;
}
.imgAlignRight {
	padding:0 0 12px 0;
	margin:2px 0 0 8px;
	float:right;
	clear:right;
	background-image:url(fond_image.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.imgAlignLeft {
	padding:0 0 12px 0;
	margin:2px 8px 0 0;
	float:left;
	clear:left;
	background-image:url(fond_image.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
img.imgALaLigne {
	display: block;
	clear: both;
}
.imgLeft {
        clear:both;
        text-align:left;
        display:block;
        margin:10px 0 10px 0;
        padding:4px 0 4px 0;
}
.imgCenter {
        clear:both;
        text-align:center;
        display:block;
        margin:10px 0 10px 0;
        padding:4px 0 4px 0;
}
.imgRight {
        clear:both;
        text-align:right;
        display:block;
        margin:10px 0 10px 0;
        padding:4px 0 4px 0;
}

/* --------------------------------------------- fin de CSS equiv ATOMS.CSS--------------------------------------------- */


/* ---------------------------------------- LAYOUT ---------------------------------------- */
#entete-print {
display:none;}

#entete {
	margin: 12px auto 0 auto !important;
	padding: 0 !important;
	width:765px;
	background-image:url(/styles/fond-entete2.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
#menu {
	margin: 0 auto 7px auto !important;
	padding: 3px 5px 3px 15px!important;
	color:#18398A;
	width:765px;
	border-top:1px solid #fff;
	font-family:"Courier New", Courier, mono;
	font-size:130%;
	background-image:url(/styles/fond-menu.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
table#contenu {
border:0 !important;
width:778px;
margin:0 auto !important;
}

#zoneB {
	width:216px;
	padding:0;
	margin:0;
}

#zoneA {
	padding: 8px 8px 8px 8px!important;
	margin:0 !important;
	border-right:1px solid #9BACC8;
	border-left:1px solid #9BACC8;
	border-bottom:1px solid #9BACC8;
	/*border-top:1px solid #9BACC8;*/
	
	/*background-image:url(/styles/arrondi-bas.gif);
	background-position:bottom;
	background-repeat:no-repeat;*/
	
	/*background-image:url(/styles/fond-zonea.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;*/
}

#basdepage {
	padding: 4px;
	text-align:center;
	font-size:90%;
	background-image:url(/styles/fond-pied.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 764px;
	margin:10px auto 0 auto;
	/*border-left:1px solid #A2A2A2;
	border-right:1px solid #A2A2A2;*/
}

/* ---------------------------------------- entete ---------------------------------------- */

#menu a:link, #menu a:visited {
color:#18398A;
text-decoration:none;
padding:2px 5px 2px 5px;
}
#menu a:hover, #menu a:active {
/*background-color:#A944A5;
text-decoration:underline;*/
color:#DB1B1F;
}



/* ---------------------------------------- colonne de gauche ---------------------------------------- */

#zoneB h2 {
font-family:"Courier New", Courier, mono;
color:#EF494C;
/*font-style:italic;*/
font-size:130%;
margin:0 !important;
background-image:url(/styles/fond-h2-zoneb.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding: 6px 2px 5px 8px;}
#recherche h2{
color:#7D6059;
background-image:url(/styles/fond-h2-rech.jpg);
font-style:normal;
font-weight:normal;
font-size:110%;
padding: 3px 2px 3px 8px;
}
#recherche form {
margin:0 !important;
vertical-align:middle;
text-align:center;}
#recherche input.search{
background-color:#F9F6F3;
border:1px solid #7D6059;
width: 130px;
margin:0 !important;
}
#recherche .sous-menu {
border-color:#B69F84;
padding-bottom:3px;
text-align:center;
margin:0 !important;}

.rubriqueMenu {
margin-bottom:5px !important;}
#zoneB .sous-menu {
display:block;
border-left:1px solid #A2A2A2;
border-bottom:1px solid #A2A2A2;
border-right:1px solid #A2A2A2;
margin:0 0 5px 0 !important;
padding-top:8px;}
#zoneB ul {
margin-top:0 !important;
margin-right:5px;
margin-bottom:5px;
/*display:block;
border-left:1px solid #A2A2A2;
border-bottom:1px solid #A2A2A2;
border-right:1px solid #A2A2A2;*/}
#zoneB li {
list-style-type:circle;
color:#A6A6A6;
font-size:90%;}
#zoneB li a:link, #zoneB li a:visited {
color:#6B6B6B;
text-decoration:none;
display:block;
padding:2px;
}
#zoneB li a:hover, #zoneB li a:active {
background-color:#F5F5F5;
/*color:#fff;*/

}
/* ---------------------------------------- colonne du centre ---------------------------------------- */
/* ----------------accueil ----------- */
/*div.une {
background-color:#D6E5FC;
margin-bottom:5px;
background-image:url(/styles/fond-une.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:12px;
float:left;
clear:both;
width:400px;
margin-top:5px;
margin-left:10px !important;}
div.une h3 {
background-image:url(/styles/fond-titre-une.gif);
background-position:top;
background-repeat:repeat-x;
font-size:100%;
padding:4px;
margin:0 !important;}
div.une p, div.une-2 p{
padding: 0 0 0 3px;
margin-top:3px !important;
margin:0;
font-size:90%;
border-left:1px solid #173889;
margin-left:10px;
clear:both;
}
div.une-2 {
border-right:1px solid #D6E5FC;
border-bottom:1px solid #D6E5FC;
border-left:1px solid #D6E5FC;
padding:0 !important;
margin-bottom:5px;
padding-bottom:12px;
width:400px;
float:left;
clear:both;
margin-top:5px;
margin-left:10px !important;
}
div.une-2 h3 {
background-image:url(/styles/fond-titre-une-2.gif);
background-position:top;
background-repeat:repeat-x;
font-size:100%;
padding:4px;
margin:0;
}
div.illu-une {
margin-left:10px !important;
margin-top:5px;}
*/
table#news, table#news td {
border:0;
margin: 0 auto;}
.une {
background-color:#D6E5FC;
background-image:url(/styles/fond-une.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding: 0 0 0 0 !important;
/*float:left;
clear:both;
margin-bottom:5px;
margin-top:5px;
margin-left:10px !important;*/
width:400px;
}
.une h3 {
background-image:url(/styles/fond-titre-une.gif);
background-position:top;
background-repeat:repeat-x;
font-size:100%;
padding:4px;
margin:0 !important;}
.une p, .une-2 p{
padding: 0 3px 0 3px;
margin-top:3px !important;
margin:0;
font-size:90%;
border-left:1px solid #173889;
margin-left:10px;
clear:both;
}
.une-2 {
border-right:1px solid #D6E5FC !important;
border-bottom:1px solid #D6E5FC !important;
border-left:1px solid #D6E5FC !important;
padding:0 !important;
/*margin-bottom:5px;
padding-bottom:12px;*/
width:400px;
/*float:left;
clear:both;
margin-top:5px;
margin-left:10px !important;*/
}
.une-2 h3 {
background-image:url(/styles/fond-titre-une-2.gif);
background-position:top;
background-repeat:repeat-x;
font-size:100%;
padding:4px;
margin:0;
}
.illu-une {
/*margin-left:10px !important;
margin-top:5px;*/
padding:0 !important,}


ul.agenda {
font-size:90%;
background-image:url(/styles/fond-agenda-une.jpg);
background-position:top;
background-repeat:repeat-x;
border-left:1px solid #999999;
padding:5px;
margin-left:20px !important;
margin-right:20px !important;
margin-bottom:10px !important;;}
ul.agenda li{
list-style-type:none;
padding: 3px 5px 3px 8px;
}
ul.agenda li a:link, ul.agenda li a:hover, ul.agenda li a:active, ul.agenda li a:visited{
color:#333333;
}
.date , .date a{
font-size:90%;
color:#840104;
}
 .date a{
font-weight:bold;
font-size:110%;
color:#840104 !important;
}
/* --------------------- fin accueil ------------- */
#navigationStructure {
	background-image:url(arrondi-top.gif);
	background-position:top ;
	background-repeat:no-repeat;
	padding:5px;
	margin:0 !important;
	font-size:80%;
	color:#594343;
}
#intro {
color:#540507;
padding:8px;
border-left:1px solid #594343;
font-weight:bold;}
#intro img{
float:left !important;
margin: 0 4px 3px 0 !important;
width:100px !important;}

input.bouton, input.button {
margin-top:4px;
color:#840104;
width:auto !important;
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #BABABA;
background-image:url(/styles/fond-bouton.gif);
background-repeat:repeat-x;
background-position:top;
}
a.bouton:link, a.bouton:hover, a.bouton:visited, a.bouton:active {
color:#840104;
padding: 2px 5px 2px 5px;
border:1px solid #BABABA;
background-image:url(/styles/fond-bouton.gif);
background-repeat:repeat-x;
background-position:top;
}
table.navRech {
width:100%;
border:0;}
table.navRech td {
border:0 !important;}
td.prec {
text-align:left;
width:40%;
}
 td.suiv {
 text-align:right;
width:40%;}
li.sous-niv {
list-style-image:url(/styles/fond-h2-sous-niv.gif) !important;
margin:5px 0 ;
font-weight:bold;
}
li.item-information {
list-style-image:url(/images/picto-information.gif);
border-bottom: 1px dashed #ccc;
padding-bottom:4px;
padding-top:5px;}
li.item-article {
list-style-image:url(/images/picto-article.gif);
padding-bottom:4px;
border-bottom: 1px dashed #ccc;
padding-top:5px;}
li.item-article p, li.item-information p{
margin:0;
padding:0 25px 0 0;
text-align:right;
list-style-position:outside;
}

li.item-fichier {
list-style-image:url(/images/picto-fichier.gif);
}
ul.plan {
width:400px;
margin-left:50px;}
ul.plan li {
list-style-type:none;
display:block;
background-color:#D7E2F4;
padding: 3px 3px 3px 10px;
margin: 2px;}

ul.plan li ul li{
background-color:#E4EEFC;
font-size:90%;
}
ul.plan li ul li ul li{
background-color:#fff;
}
#liensinternes, #telecharger, #liensexternes, #ListeMemeRubrique {
width:400px;
margin-left:30px;
margin-top:10px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
background-image:url(/styles/fond-relief-gris.gif);
background-position:top;
background-repeat:repeat-x;
}
#liensinternes h2, #telecharger h2, #liensexternes h2, #ListeMemeRubrique h2 {
font-size:100%;
margin:0;
padding: 3px;
border-bottom:1px dashed #08699F;
color:#08699F;
padding-left:10px;
background-position:left;
background-repeat:no-repeat;}
#liensinternes h2 {
background-image:url(/styles/fond-liensinterne.gif);}
#download h2 {
background-image:url(/styles/fond-down.gif);}
#liensexternes h2 {
background-image:url(/styles/fond-liensexterne.gif);}
#liensinternes ul , #telecharger ul , #liensexternes ul , #ListeMemeRubrique ul {
margin-top:10px;
margin-bottom:10px;}
#liensinternes li , #telecharger li , #liensexternes li , #ListeMemeRubrique li {
list-style-type:circle;}
/* -------- recherche --------------- */

.recherche li{
padding: 2px 0 2px 5px !important;
margin:6px;
border-left:1px solid #EF3D42;
}


/* ---------------------------------------- pied de page ---------------------------------------- */
#basdepage {
border-bottom:1px solid #ccc;
}
#basdepage table{
width:95%;
}
#basdepage a:link, #basdepage a:visited {
color:#666666;
}
#basdepage a:hover, #basdepage a:active {
text-decoration:none;
}

