@charset "utf-8";
/* CSS Document */

a img {border:none; text-decoration:none;}
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-color: #343434; font-size:12px;}

h1 { text-align:left; background: url(../images/h1.jpg) no-repeat; padding-left: 30px; font-size: 29px; font-family: "Courier New", Courier, monospace; margin-top: 0px; text-transform: uppercase;}
h2 { text-align:left; margin-left: 30px; background: url(../images/h2.jpg) no-repeat 0 6px; color: #00a9c9; padding-left: 20px; font-size: 18px;}
h3 { text-align:left; color: #343434; font-size: 14px; margin-left: 50px; }
p { font-size: 12px; margin-left: 50px; }
ul, li { font-size: 12px; margin-left: 20px; }

/* Commun */
.pointer {cursor:pointer;}
.default {cursor:default;}
.center {text-align:center;}
.right {text-align:right;}
.gras {font-weight:bold;}
.w300 {width:300px;}
.w350 {width:350px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}

/* Formulaire */
.form div {padding-bottom:5px;}
.form90 {display:block; width:90px; float:left; padding-right:20px;}
.form120 {display:block; width:120px; padding-right:20px; float:left;}
.form140 {display:block; width:140px; padding-right:20px; float:left;}

/* Bandeau */
#bandeau { width: 970px; height: 235px; margin: 0 auto; position: relative;}
#logo { width: 127px; height: 130px; position: absolute; top: 25px; left: 20px; }
#bandeau-background { width: 970px; height: 189px; background: url(../images/bandeau.jpg) no-repeat; }

/* Menu */
#menu {position:relative; height: 32px; background-color: #000; margin-top: 10px; padding-top: 3px; }
.menu-element {float:left; height: 30px; margin-right: 85px; }
.menu-element:hover {}
.menu-element a, .menu-element span { color: #FFF; text-decoration: none; font-size: 14px; background: url(../images/menu-puce.jpg) no-repeat; padding-left: 40px; display: block; height: 24px; padding-top: 6px; }
.menu-element a:hover, .menu-element span:hover { color: #00a9c9; text-decoration: none; background: url(../images/menu-puce-on.jpg) no-repeat;}

#menu-1 a { background: url(../images/menu-puce-accueil.jpg) no-repeat; }
#menu-1 a:hover { background: url(../images/menu-puce-on-accueil.jpg) no-repeat;}

.smenu-conteneur { position:absolute; top:-2000px; z-index:200; width: 396px; }
.smenu-bas { background: url(../images/smenu-pied.png) no-repeat; height: 49px;}
.smenu-haut { background: url(../images/smenu-haut.png) no-repeat; height: 35px;}
.smenu-centre { background: url(../images/smenu-repeat.png) repeat-y; padding: 0 10px 0 3px;}
.smenu-element { display: block; height: 25px; padding-top: 4px;}
.smenu-element:hover { background: url(../images/smenu-hover.jpg) repeat-x; }
.smenu-element a { color: #FFF; text-decoration: none; font-size: 14px; padding-left: 18px; display:block;}
.smenu-element a:hover { color: #00a9c9;}
.smenu-element-titre {}

.ssmenu-conteneur {}
.ssmenu-conteneur:hover .smenu-element-titre {}
.ssmenu-element {}
.ssmenu-element a {}
.ssmenu-element a:hover {}
.ssmenu-element:hover {}


/* CADRE ACTUALITE */
.actualites .element {}
.actualites .element .image {}
.actualites .element .image a,
.actualites .element .image a:visited {}
.actualites .element .nom {margin:10px 0;}
.actualites .element .nom a,
.actualites .element .nom a:visited {font-weight:bold;}
.actualites .element .intro {}
.actualites .element .lien {}
.actualites .element .lien a,
.actualites .element .lien a:visited {}

/* Fil d'ariane */
#ariane-sup { background: url(../images/ariane.png) no-repeat top center; margin-top: 15px;}
#ariane { width: 970px; height: 20px; margin: 0 auto; font-size: 9px; padding-left: 30px; padding-top: 2px;}
.ariane-vous-etes-ici { color: #FFF; }
.ariane-accueil { text-decoration: none; color: #FFF;}
.ariane-fleche {}
a.ariane-element { text-decoration: none; color: #FFF;}
span.ariane-element { text-decoration: none; color: #FFF;}
.ariane-element-final { text-decoration: none; color: #FFF;}

/* Global */
#global-fond { background: url(../images/global-fond.jpg) no-repeat bottom center; }
#global-sup { background: url(../images/global-sup.png) repeat-y top center; }
#global { width: 900px; margin: 0 auto; padding: 10px 30px; }
#global-pied { background: url(../images/global-sup-footer.png) no-repeat top center; height: 42px;}

/* Droite */
#droite { width: 175px; float: right; margin-top: 21px; }
.dr-cadre { margin-bottom: 20px; }
.dr-cadre-haut { font-family: "Courier New", Courier, monospace; text-transform: uppercase; font-size: 30px; height: 33px; padding-left: 42px; color: #FFF; padding-top: 2px; }
#dr-contact-haut { background: url(../images/dr-contact-haut.jpg) no-repeat; }
#dr-basic-haut { background: url(../images/dr-basic-haut.jpg) no-repeat; }
.dr-cadre-centre { font-size: 13px; padding: 10px 5px 0; color: #FFF;}
.dr-cadre-centre p { margin-left: 0;}
.dr-cadre-centre a {color: #FFF; text-decoration: none; }
.dr-cadre-centre span { color: #000; }
#dr-contact-centre { background: url(../images/dr-contact-centre.jpg) repeat-y; text-align: center; }
#dr-basic-centre { background: url(../images/dr-basic-centre.jpg) repeat-y; }
.bouton-noir { display: block; width: 142px; height: 21px; background-color: #000; border: #FFF 1px solid; font-family: "Courier New", Courier, monospace; text-transform: uppercase; color: #FFF; text-decoration: none; font-size: 16px; text-align: center; margin-left: 11px;}
#dr-contact-pied { background: url(../images/dr-contact-pied.jpg) no-repeat; height: 37px; }
#dr-basic-pied { background: url(../images/dr-basic-pied.jpg) no-repeat; height: 37px; }

/* Contenu */
#contenu { margin-right: 190px; min-height:600px; overflow:hidden;}
#contenu strong { color: #005c9c; }

#exergue { background-color: #005c9c; width: 702px; min-height: 134px; margin-top: 50px; border: 3px solid #04d7ff;}
#exergue img { float: left; }
#exergue h4 { font-family: "Courier New", Courier, monospace; text-transform: uppercase; font-size: 25px; color: #FFF; padding-top: 5px; font-weight: bold; width: 270px; margin: 0px;}
#exergue-text { margin-left: 150px; padding: 5px; }
#exergue h5 { color: #04d7ff; font-size: 16px; margin: 10px 0; }
#exergue p { margin-left: 0; color: #FFF;}
#exergue span { color: #04d7ff;}


/* MODULE ACTUALITES */
#actualites {}
#actualites .conteneur {}
#actualites .conteneur .titre {}
#actualites .conteneur .contenu {}
#actualites .conteneur .contenu .extrait {min-height:90px;}
#actualites .conteneur .contenu .photo {float:left; margin:0 10px 10px 0;}
#actualites .conteneur .contenu .lien {text-align:right;}
#actualites .conteneur .contenu .lien a,
#actualites .conteneur .contenu .lien a:visited {}
#actualites .conteneur .contenu .lien a:hover {}



/* TEMPLATE ACTUALITE */
#template-actualite {}
#template-actualite .retour-actualites {}
#template-actualite .retour-actualites a,
#template-actualite .retour-actualites a:visited {}
#template-actualite .retour-actualites a:hover {}

/* Commentaires */
#template-actualite #commentaire-nombre {font-weight:bold; margin:15px 0; font-size:1.4em;}

#template-actualite #commentaire-form-conteneur {}
#template-actualite .commentaire-form {margin-bottom:10px;}
#template-actualite .commentaire-form label {display:block; font-size:0.9em;}
#template-actualite .commentaire-form .input-text {width:300px;}
#template-actualite .commentaire-form .textarea {height:100px; width:100%;}
#template-actualite .commentaire-form .submit {}
#template-actualite #commentaire-desactive {color: #444; font-size:0.9em;}

#template-actualite #commentaire-liste {margin:10px 0px;}
#template-actualite #commentaire-liste .commentaire {border-top:1px dotted #000; padding:10px 0;}
#template-actualite #commentaire-liste .commentaire .nom {font-weight:bold; font-size:0.9em; color:#0000EE;}
#template-actualite #commentaire-liste .commentaire .nom-admin {font-weight:normal; color: #000; font-size:0.8em;}
#template-actualite #commentaire-liste .commentaire .separator {color: #777; padding:0 5px;}
#template-actualite #commentaire-liste .commentaire .date {color:#777; font-size:0.8em;}
#template-actualite #commentaire-liste .commentaire .message {color: #444; font-size:0.9em; margin:5px 0;}
#template-actualite #commentaire-liste .administrateur {background-color:#FFF39B;}




/* PAGINATION */
#paginator {
    margin: 10px auto;
    text-align:center;
}
#contenu #paginator .pagination-span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #005E9E;
    border-radius: 7px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center;
    color:#000;
}
#contenu #paginator .pagination-lien {
    background-image: linear-gradient(180deg, #00A9C7, #005E9E); background: -prefixe-linear-gradient(180deg, #00A9C7, #005E9E); 
    border: 1px solid #005E9E;
    border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-size: 1.1em;
    margin: 0 5px;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
}
#contenu #paginator .pagination-lien:hover {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #005E9E;
    color:#000;
}





/* Footer */
#footer-sup { height: 45px; background-color: #005c9c; }
#footer { width: 765px; margin: 0 auto; padding-top: 5px; text-align: right; color: #FFF; background: url(../images/footer-puces.jpg) no-repeat bottom right; padding-right: 205px; }
#footer a { color: #FFF; text-decoration: none;}