/* Styles généraux */
body { background-color: #F6DFC0; margin: 0; padding: 0; text-align: center; background-repeat: no-repeat; background-attachment: fixed; background-image: url(/images/fond.jpg); background-position: center top; }
body, table { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }

#menu-mobile, #haut-mobile { display: none; }
.mobileYes 	{ display: none; }
#bas-mobile 	{ display: none; }

#page { width: 960px; margin-right: auto; margin-left: auto; position: relative; text-align: left; }

#nav { float: left; width: 200px; margin-bottom: 12px; position: absolute; left: 0px; top: 8px; }
#nav ul { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
#nav li { background-image: url(/images/barre.png); background-repeat: no-repeat; height: 36px; width: 260px; list-style-type: none; margin: 0px; padding: 0px; }
#nav li:hover { background-image: url(/images/barre_hover.png); background-repeat: no-repeat; }
#nav li.active { background-image: url(/images/barre_active.png); background-repeat: no-repeat; }

#contenu { padding: 0px; margin: 0px; width: 960px; }
#contenu a, #contenu a:link { color: #666666; text-decoration: underline; font-weight: bold; }

#contenu a:hover { color: #990000; text-decoration: none;}
#bas { position: relative; overflow: hidden; text-align: center; margin-top: 12px; margin-right: auto; margin-left: auto; padding-top: 8px; padding-bottom: 8px; border-top: 4px solid #333333; }
#bas, #bas a, #bas a:link { font: 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #666666; }
#bas a:hover { color: #030303; }
img {border: 0 ; }
.clear {clear: both; height:0;font-size: 1px;line-height: 0px; }
#ref { display: none; }

/* Style d'écriture */
.titre, .titreCentre, h1 { font-size: 17px; font-weight: bold; color: #060606; }
.titreCentre { text-align: center; }
p { margin: 0px; padding: 0px; }
.gras { font-weight: bold;  color: #E43727;}
.cadre { border: 1px solid #666666; }

/* Images */
#contenu a img, #contenu a img:link, #contenu2 a img, #contenu2 a img:link  { padding: 3px; background-color: #FFF; border: 1px solid #666666; -moz-box-shadow: 1px 1px 12px #555; -webkit-box-shadow: 1px 1px 12px #555; box-shadow: 1px 1px 12px #555;  }
#contenu a img:hover, #contenu2 a img:hover {  background: #999999; }
.gauche { margin-right: 12px; margin-bottom: 10px; margin-left: 0px; float: left; }
.droite { margin-right: 0px; margin-bottom: 10px; margin-left: 12px; float: right; }
.noborder, #contenu a img.noborder{ padding: 0px; border:0; background-color: transparent; }

/* Tableaux avec photos */
.photos  { margin-top: 4px; margin-bottom: 6px; width: 100%}
.photos td { font-size: 13px; text-align: center; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; border: 0; font-weight: bold; color: #E43727; }
#contenu .photos img { margin-bottom: 8px;  }
/* Liste à puces */
#contenu ul { margin: 0px 0px 0px 24px; padding: 0px; list-style-image: url(images/puce.gif); }
#contenu li { list-style-type: none; }
#contenu ul ul, #contenu ul ul li {list-style-image: none; list-style-type: disc; }

/* cadre arrondi */
.round { width: 800px; margin-right: auto; margin-left: auto; background-color: #CCCCCC; color: #333333; border: 1px solid #333333; border-radius : 8px; box-shadow: 5px 5px 8px rgba(77,77,77,0.5); }
.round h2 { padding: 10px; font-size: 15px; text-align: center; margin: 0px; }

/* formulaire */
.formulaire {margin: 0px; padding: 0px; }
.formulaire fieldset {margin: 1px 0 1px; padding: 8px; border : 1px solid #666666 }
.formulaire legend { font-weight: bold; color: #708491; font-size: 16px; margin-left: 10px; padding-right: 12px; padding-left: 12px; }
.formulaire div { position: relative; width: 100%; padding: 3px; clear: both; }
.formulaire label { float: left; width: 195px; cursor: pointer; color: #333333; text-align: right; padding-right: 5px; }
.formulaire label.actif { width: auto; padding-right: 10px; }
.formulaire input[type="text"], .formulaire input[type="password"], .formulaire textarea, .formulaire select { width: 200px; font-size: 12px; height: 16px; border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; float: left;  border-radius:6px; 
    -webkit-transition: all .6s ease-in;
	-moz-transition: all 1s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;}
.formulaire textarea { width: 400px; height: 100%; }
.formulaire select { height: 20px; }
.formulaire input[type="text"]:focus, .formulaire input[type="password"]:focus, .formulaire textarea:focus { background: #666; color: #FFF; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42596d', endColorstr='#1a1f24'); /* for IE */
background-image: -moz-radial-gradient(center,0px,center,500px,from(#42596d),to(#1a1f24)); background-image: -webkit-gradient(radial,center top,0,center top,500,from(#42596d),to(#1a1f24)); cursor: url("/style/images/texte.cur"), pointer; }
.formulaire input.radio, .formulaire input.checkbox, .formulaire input.submit { width: auto; padding: 0px; border: 0; float: left; margin-right: 6px; color: #FFFFFF; }
.formulaire input[type="submit"]{ font-size: 14px; font-weight: bold; color: #333333; }
.formulaire .obligatoire { font-size: 11px; color:#666666; font-style: italic; text-align: center; }
.formulaire #erreur { font-size: 14px; padding: 6px 6px 6px 15px; font-weight: bold; color: #990000; }
.formulaire #commentaire { font-size: 11px; font-style: italic ; padding: 6px;}
.formulaire .bouton{ position: relative; font-size: 14px; font-weight: bold; color:#FFF; cursor:pointer; padding-top: 1px; padding-right: 16px; padding-bottom: 4px; padding-left: 16px; -moz-box-shadow: 0px 0px 10px #343434; -webkit-box-shadow: 0px 0px 10px #343434; -o-box-shadow: 0px 0px 10px #343434; box-shadow: 0px 0px 10px #343434; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #656565; background:#5B86BB; background-image: linear-gradient(bottom, rgb(68,113,162) 25%, rgb(91,134,187) 90%); background-image: -o-linear-gradient(bottom, rgb(68,113,162) 25%, rgb(91,134,187) 90%); background-image: -moz-linear-gradient(bottom, rgb(68,113,162) 25%, rgb(91,134,187) 90%); background-image: -webkit-linear-gradient(bottom, rgb(68,113,162) 25%, rgb(91,134,187) 90%); background-image: -ms-linear-gradient(bottom, rgb(68,113,162) 25%, rgb(91,134,187) 90%); background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, rgb(68,113,162)),
	color-stop(0.9, rgb(91,134,187))
);  }

.formulaire .bouton strong { display: block; padding:4px 10px; position: relative; z-index: 2; font-weight:bold; color:#FFF; }
.formulaire .bouton span { background: #474547; display: block; height: 0px; width: 0px; left: 50%; position: absolute; top: 50%;  z-index: 1; color: #FFFFFF; border-radius: 8px;}
.formulaire .warning { color: #E03500; font-weight: bold; }
.formulaire .inputWarning { color: #FFFFFF; background: #E03500; box-shadow: 1px 1px 12px #555; }

/* bouton retour en haut */
#back-top { position: fixed; bottom: -11px; right: 10px; display: none; z-index: 10; }
#back-top span { WIDTH: 56px; HEIGHT: 48px; DISPLAY: block; BACKGROUND: #333435 url(images/top.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #fff; -moz-box-shadow: 1px 1px 12px #555; -webkit-box-shadow: 1px 1px 12px #555; box-shadow: 1px 1px 12px #555; }
#back-top a:hover span { BACKGROUND-COLOR: #999999; }