/* Styles généraux */
html {overflow-y:scroll; }
html,body {	height:100%;}
html { margin:0; padding:0; background: url(/images/fond-frene.jpg) no-repeat fixed center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
body { margin: 0; padding: 0; text-align: center;  }
body, table { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; }
body {-webkit-text-size-adjust:none;-ms-text-size-adjust:none}

#banniere { background-image: url(/images/haut.png); background-repeat: repeat-x; background-position: center top; position: absolute; z-index: -100; height: 380px; width: 100%; }
#smoothmenu2 { position: absolute; float: left; left: 10px; top: 10px; }
#logo { position: absolute; float: right; right: 10px; top: 10px; }
#page { width: 960px; margin-right: auto; margin-left: auto; position: relative; text-align: left; margin-top: 230px; }
#contenu {  margin: 0px;  }
#contenu a, #contenu a:link { color: #666666; cursor:pointer; text-decoration:underline; font-weight: bold;  -webkit-transition: all .6s ease-in; -moz-transition: all 0.6s ease-in; -o-transition: all .6s ease-in;  transition: all .6s ease-in;}
#contenu a:hover { color: #AC682C; text-decoration: none; }
#contenu a.lienAnim { display:inline-block; position:relative; text-decoration:none; }
#contenu a.lienAnim em { display:block; height:1px; bottom:0px; width:100%; position:absolute; left:0; background:#330000; }
#bas { position: relative; overflow: hidden; text-align: center; background-color: #E98120; padding-top: 6px; padding-bottom: 12px; border-top-width: 4px; border-top-style: solid; border-top-color: #414141; margin-top: 20px; }
#bas, #bas a, #bas a:link { font: 14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; -webkit-transition: all .6s ease-in; -moz-transition: all 0.6s ease-in; -o-transition: all .6s ease-in;  transition: all .6s ease-in;}
#bas a:hover { color: #FF6600; }
#bas a img { vertical-align: middle; }
img {border: 0 ; }
.clear {clear: both; height:0;font-size: 1px;line-height: 0px; }
#ref { display: none; }

/* Style d'écriture */
.titre, .titreCentre { font-size: 24px; font-weight: bold; color: #414141; }
.titreCentre { text-align: center; }

.titre2, .titreCentre2 { font-size: 18px; font-weight: bold; color: #414141; }
.titreCentre2 { text-align: center; }

p { margin: 0px; padding: 0px; }
.gras { font-weight: bold; }
.cadre { border: 1px solid #666666; }


/* Images */
#contenu a img, #contenu a img:link  { padding: 3px; background-color: #FFF; border: 1px solid #466DBA;  cursor: url("/style/images/zoomin.cur"), pointer;}
#contenu a img:hover {  background: #999999; }
#contenu a img.pointer  { cursor: pointer; }
.gauche { margin-right: 12px; margin-bottom: 10px; margin-left: 0px; float: left; }
.droite { margin-right: 0px; margin-bottom: 10px; margin-left: 12px; float: right; }
.centre { display: block; margin-left: auto; margin-bottom: 10px; margin-right: auto; }
.noborder, #contenu a img.noborder{ padding: 0px; border:0; background-color: transparent; }

/* Tableaux avec photos */
#contenu .photos  { margin-top: 4px; margin-bottom: 6px; }
#contenu .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: #006666; }

/* Liste à puces */
#contenu ul { margin: 0px 0px 0px 28px; padding: 0px; list-style-image: url(images/fleche_01.png); list-style-type: none; }
#contenu ul ul, #contenu ul ul li {list-style-image: none; list-style-type: disc; }
#contenu .enligne li{ float: left; width: 444px; padding-right: 12px; }

/* 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 button{ 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(241,132,30) 25%, rgb(234,179,128) 90%);
background-image: -o-linear-gradient(bottom, rgb(241,132,30) 25%, rgb(234,179,128) 90%);
background-image: -moz-linear-gradient(bottom, rgb(241,132,30) 25%, rgb(234,179,128) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(241,132,30) 25%, rgb(234,179,128) 90%);
background-image: -ms-linear-gradient(bottom, rgb(241,132,30) 25%, rgb(234,179,128) 90%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, rgb(241,132,30)),
	color-stop(0.9, rgb(234,179,128))
);}
.formulaire button:hover{ box-shadow: 1px 1px 10px #555; color: #FFF; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 14px; border-bottom-left-radius: 14px. background-image: linear-gradient(bottom, rgb(234,179,128) 25%, rgb(241,132,30) 90%);
background-image: -o-linear-gradient(bottom, rgb(234,179,128) 25%, rgb(241,132,30) 90%);
background-image: -moz-linear-gradient(bottom, rgb(234,179,128) 25%, rgb(241,132,30) 90%);
background-image: -webkit-linear-gradient(bottom, rgb(234,179,128) 25%, rgb(241,132,30) 90%);
background-image: -ms-linear-gradient(bottom, rgb(234,179,128) 25%, rgb(241,132,30) 90%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.25, rgb(234,179,128)),
	color-stop(0.9, rgb(241,132,30))
);}
#page #formulaire .warning { color: #E03500; font-weight: bold; }
#page #formulaire .inputWarning { color: #FFFFFF; background: #E03500; box-shadow: 1px 1px 12px #555; }
#page #formulaire .bouton { background:#255E94; position:relative; border-radius: 12px; box-shadow: 1px 1px 12px #555; border: 1px solid #CCCCCC; }
#page #formulaire .bouton strong { display: block; padding:4px 10px; position: relative; z-index: 2; font-weight:bold; color:#FFF; }
#page #formulaire .bouton span { background: #474547 url(none) repeat scroll 0 0; display: block; height: 0; left: 50%; position: absolute; top: 50%; width: 0; z-index: 1; color: #FFFFFF; border-radius: 12px }

/* bouton retour en haut */
#back-top { position: fixed; bottom: 20px; right: 5px; display: none; z-index: 10; }
#back-top a, #back-top a:link { TEXT-ALIGN: center; DISPLAY: block; FONT: 12px Arial, Helvetica, sans-serif; COLOR: #333333; TEXT-DECORATION: none; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s }
#back-top a:hover { COLOR: #000;  }
#back-top span { WIDTH: 60px; HEIGHT: 60px; DISPLAY: block; MARGIN-BOTTOM: 7px; BACKGROUND: #CCC url(images/up-arrow.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 #333333; -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: #CCCCCC; }