@charset "utf-8";

html { font-size: 100%; /* Évite un bug d'IE 6-7 */ }


/* corps */
body { font-family: Arial, Trebuchet, sans-serif; background: #E2E4C7; margin: 0; height: 100%; }

/*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
abbr {border-bottom: 1px dotted #000000; cursor: help; }

#conteneur { width: 951px; margin: auto; background: #FFF; }

/* zone entete */
#header1 { float: left; width: 794px; height: 135px; }

/* encadré actualités */
#cadreactu { float: right; background: url(/img/fond-actu.png) repeat-y; color: #525257; height: 119px; width: 157px; }
#cadreactu a { font-size: 85%; text-decoration: none; color: #5d6263; }
#cadreactu a:hover { text-decoration: none; }

/* boite déroulante news */
#blocDeroulant { overflow: hidden; position: relative; height: 105px; margin-left: 20px; margin-top: 5px; width: 135px; height: 67px; }
#blocDeroulant a:hover { color: #FFF; }
#Scroll { position: relative; top: 0; left: 0; }

/* 2ème ligne */
#header2 { float: left; width: 951px; height: 25px; background: #FFF url(/img/ligne.png); text-align: right; }
#header2 a { color: #5d6263; font-size: 100%; font-weight: bold; padding-right: 5px; text-decoration: none; }
#header2 a:hover { color: #826531; background: #FFF; }

/* nav */
#navigation { font-size: 70%; font-style: italic; text-align: right; }
#navigation a:hover { color: #826531; }

/* menus dans menu.css*/

/* photos */
.album { float: left; width: 140px; margin-right: 20px; margin-top: 15px; text-align: center; font-size: 85% }
.titre_album { font-weight: bold; margin-bottom: 10px; font-size: 110%; text-transform: uppercase}
.photo { float: left; width: 125px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; text-align: center; font-size: 70%; }
.photoP { float: left; width: 105px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; text-align: center; font-size: 70%; }

/* colonnes */
#colonnegauche { width: 206px; float: left; background: #CAD42B url(/img/fond-menu.png); }
#colonnedroite { float: right; background: #FFF; text-align: center; }

#qualif { color: #5d6263; font-weight: bold; font-size: 100%; }
#contenu { margin-left: 206px; color: #5d6263; text-align: justify; font-size: 90%; min-height: 300px; height: 1% /*bug hasLayout IE */; }
.texte { padding-left: 5px; padding-right: 10px; text-align: justify; }

.install { list-style: none; }
.install li { margin-left: 20px; list-style: square; }

/* bas de page */
#pied { clear: both; color: #5d6263; font-size: 70%; width: 951px; text-align: center; margin: auto; }
#pied a { color: #5d6263; text-decoration: none; }
#pied a:hover { color: #5d6263; text-decoration: none; }

#mentions { text-align: center; width: 150px; font-weight: bold; font-size: 70%; padding-top: 20px; float: left; }
#mentions a { color: #575759; text-decoration: none; }
#mentions a:hover { color: #826531; text-decoration: none; }
#projet { text-align: right; width: 350px; font-weight: bold; font-size: 100%; padding-top: 14px; float: right; padding-right: 22px; }
#projet a { color: #CAD42B; text-decoration: none; }
#projet a:hover { color: #FFF; text-decoration: none; }

/* lignes de formulaire */
.ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 20px; line-height: 22px; width: 500px; }
.entete { width: 100px; color: #111; float: left;}

a { color: #5d6263; }
a:hover { color: #826531; }

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 90%; }
.bouton	{ color: #000; font-size: 100%; background-color: #CAD42B; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #CAD42B; font-size: 95%; background: #575759; }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #575759; color: #FFF; height: 25px; }
td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3;filter:alpha(opacity=30); }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333; }