@charset "UTF-8";
/*=====CSS GENERAL=======================*/
/*=====Création Carole Milli=============*/
/*=====Dernière modification 05/2010=====*/
* { margin:0; padding:0; border:none; text-decoration:none; list-style:none; outline:none }
body { font-family:Liberation, Tahoma, Verdana, Arial; font-size:13px }
@font-face {font-family: Liberation;src: url('LiberationSans-Regular.ttf');}
/*=====STRUCTURE=====*/
#container { width:900px; margin:70px auto 0; position:relative; -moz-box-shadow: 1px 0 10px #999; -webkit-box-shadow: 1px 0 10px #999; background:url(../img/bg_container.jpg) }
#logo { position:absolute; top:-30px; left:-30px; }
.photo { width:100%; height:100px; margin:0 0 20px; background:#000; -moz-box-shadow: 1px 0px 10px #482166; -webkit-box-shadow: 1px 0 10px #482166; position:relative; }
.col1 { width:400px; margin:0 230px; padding:20px; }
.col2 { width:300px; margin:0; padding:10px; float:left }
div.photo + .col2, br + .col2 { margin:0 0 0 240px; }
.col3 { width:200px; margin:0; padding:10px; float:left }
div.photo + .col3, br + .col3 { margin:0 0 0 240px; }
.clear { clear:both; }
/*=====SLIDER=====*/
div.scroller { width: 900px; height: 650px; overflow: hidden; }
div.scroller div.section { width:900px; height:auto; overflow:hidden; float:left; }
div.scroller div.content { width: 10000px; }
/*=====MENU=====*/
div.controls { clear: both; display: block; overflow: hidden; width:650px; height:30px; margin:0 0 0 250px; padding:25px 0 20px 0; }
div.controls a { font-size:13px; text-transform:uppercase; color:#464647; float:left; margin:3px; padding:5px; }
div.controls a:hover, div.controls a.active { -moz-box-shadow: 1px 0px 10px #662d91; -webkit-box-shadow: 1px 0 10px #662d91; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #000; background:#000; color:#fff; padding:5px 4px }
/*=====TYPO=====*/
h1 { position:absolute; bottom:0px; right:0px; color:#7936ac; font-weight:normal; font-size:50px; opacity:0.4; }
h2 { margin:15px 0; }
h3 { text-align:center; margin:15px 0; text-transform:uppercase }
ul, dl { margin:10px 0; }
h2, dt { font-weight:bold; font-size:16px; margin-bottom:10px; background:url(../img/icn_plus.png) no-repeat top left; line-height:24px; padding-left:30px; }
dd { line-height:20px; padding-left:20px; background:url(../img/icn_cog.png) no-repeat 0 4px; margin-left:24px; }
.col1 li, .col2 li, .col3 li { line-height:20px; padding-left:20px; background:url(../img/icn_arrow.png) no-repeat 0 4px; }
h2 + .col1 li { margin-left:24px; }
a.send { line-height:20px; padding-left:30px; background:url(../img/icn_mail.png) no-repeat 0 3px; }
p { text-align:left; margin-bottom:5px; }
a { color:#482166; }
a:hover { color:#464647; }
hr{ border:1px dotted #555; margin:5px 0}
p#footer { text-align:center; font-size:11px; padding:10px; color:#464647; margin-top:20px; }
/*=====FORMULAIRE=====*/
form { margin:0 0 0 240px; }
fieldset { border:1px solid #ccc; padding:10px; }
legend { margin:5px; text-transform:uppercase; color:#464647; padding:0 10px }
label { width:50px; text-align:right; float:left; padding:10px 5px; margin-right:10px; display:block; height:15px; }
input[type='text'], textarea, select { padding:5px; margin:5px 0; width:190px; border:1px solid #ccc; }
select { width:270px; }
textarea { height:200px; font-size:12px; font-family:Liberation; }
input:focus, select:focus, textarea:focus { border:1px solid #482166; }
input[type='submit'] { padding:5px; margin:5px 0; border:1px solid #ccc; width:150px; float:right; }
input[type='submit']:hover { background:#482166; color:#fff; }
.erreur{ font-weight:bold; color:#800000; margin:5px 0;}
.confirm{ font-weight:bold; color:#7936ac}
input.erreur, select.erreur, textarea.erreur{border:1px solid #800000; background:#FFAFBA}