/*
Orange : #F29B10
Bleu : #336699
Bleu clair : #32aaff
*/

/*************** Général ***************/
*{margin:0px;padding:0px;outline:none !important;}

html {
height:auto !important;
min-height:100%;
}
body{
background-color:#F29B10;
height:auto !important;
min-height:100%;
font-family: Arial,Tahoma,Helvetica,FreeSans,sans-serif;
}

a {color: #336699;text-decoration: none;}
a:hover {color: #32aaff;text-decoration: underline;-moz-transition: all 0.5s linear;}

h1, h2, h3 {font-family: Arial,Tahoma,Helvetica,FreeSans,sans-serif;}
h1 {
font-size:36px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
margin-bottom: 10px;
}

img, img a {border:none !important;}

b {color:#333333;}
strong  {color:#774422;}

cite, q {font-family:Georgia,"Times New Roman",Times,serif;}

/*************** Effets ***************/
/* alignement */
.justify {text-align:justify;}
.centre {text-align:center;}
.droit {text-align:right;}

/* enchaînements */
.floatleft {float:left;}
.nettoyeur {clear:both;margin:0;padding:0;border:0;height:0;line-height:1px;font-size:1px;overflow: hidden;}
.colonne {float:left;width:390px;padding-left:10px;padding-bottom:10px;}

/* déco */
.coul {color:#5679B1;}
.invisible {display:none;}
.superinvisible {display:none;}
.erreur, .erreur a {color:#8B2121;padding-left:18px;background: url('../icons/16x16') no-repeat;}
.success {background:#C3DD7C;}
.vert, .vert a {color:#008000;}
.blancvert {color:#008000;background:#fff;}
.cadre {border:1px solid #8c6e61;}
.souligne {text-decoration:underline;}
.passouligne, .passouligne a,  .passouligne a:hover {text-decoration:none !important;border-bottom:0 !important;}
.ombre {-moz-box-shadow: -2px 2px 7px #555;-webkit-box-shadow: -2px 2px 7px #555;box-shadow: -2px 2px 7px #555;}
.fond_doc {background:#eee5bc;padding:5px;width:620px;}

/* marges */
.marges {margin:5px;}
.retrait {margin-left:9px;padding-left:5px;border-left:1px dotted #825596;}

/* tableaux */
.tableau {border-collapse: collapse; width:450px;width:95%;}
.tableau td {margin:0;padding:5px;}
.tableau th {background:#4E7AA7;color:#fff;font-weight:bold;text-align:center;}
.lignesombre {background:#C2D1E0;}
.ligneclaire {background:#DEE7F1;}
.grille {border-collapse:collapse;background:#fcffcf;}
.grille td {border:1px solid #625b3d;padding:2px;}
.grille a {border:none !important;}
.grille_titre td {background-color:#625b3d;color:#fcffcf;border-color:#bfb36b;}

/*divers */
.case_photo{float:left;width:380px;margin:5px;text-align:center;}
.telecharger {width:32px;height:32px;margin-top:20px;}
.telecharger a {display:block;width:32px;height:32px;background : url('telecharger.png') 0 0;}
.telecharger a:hover {background : url('telecharger.png') 0 -32px;}

.cc_by-nc-sa {width:75px;height:23px;margin-top:5px;}
.cc_by-nc-sa a {display:block;width:75px;height:23px;background : url('cc_by-nc-sa.png') 0 -23px;}
.cc_by-nc-sa a:hover {background : url('cc_by-nc-sa.png') 0 0;}

/***************Structure***************/

/*== FOND== */

#conten1{background: url("fond.jpg") repeat-y scroll center top}     
#conten2 {}
#conten3 {
max-width: 1000px;
margin:0 auto auto;
}

/*== BANNIERE== */
#banniere {
width:830px;height:23px;margin: 10px auto 10px auto;height:160px;
color:#ffffff;}
#banniere h1, #banniere h1 a {
font: bold 70px Georgia,Utopia,'Palatino Linotype',Palatino,serif;
text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
color:#ffffff;
}
#banniere h1 a:hover{text-decoration:none;color: #32aaff;-moz-transition: all 0.5s linear;}

/*== FIL D'ARIANE == */
#fildariane {
margin:0;padding-top:7px;padding-left:5px;
font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Bitstream Vera Sans, Helvetica, sans-serif;font-size:11px;
}
#fildariane a {text-decoration:none;}
#fildariane a:hover {color:#fff;background-color:#4a3232;text-decoration:none;}

/*==MENU== */
#menu {width:830px;height:23px;margin: 10px auto 5px auto;}
#menu ul {list-style: none outside none;width:650px;margin:auto;}
#menu li {
min-width:120px;float:left;margin-left:3px;
background-color:#E4D7C2;
padding:2px;padding-top:6px;padding-bottom:3px;
font-size:15px;font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;font-weight:400;
text-align: center;
-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;
border-top-left-radius:8px;border-top-right-radius:8px;
-webkit-box-shadow: 1px -1px 2px 0px rgba(0, 0, 0, 0.2);box-shadow:1px -1px 2px 0px rgba(0, 0, 0, 0.2);
}
#menu li:hover{background-color:#fff;padding-bottom:6px;margin-top:-3px;-moz-transition: all 0.2s linear;}
#menu a, #menu a:active, #menu a:visited {padding-left:5px;color:#B07922;}
#menu a:hover {color:#396797;text-decoration:none;}
#menu strong a, strong a:visited, #menu strong {color:#5679B1 !important;font-weight:normal;background-color:#C3CFE2;}
#menu .rub_active, #menu .rub_active:hover{color:#5679B1 !important;background-color:#C3CFE2;}

/*== CONTENU DE LA PAGE == */
#document {
margin: 0 auto auto;
padding:10px;
background:#ffffff;
width:830px;min-height:430px;
moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow:  2px 4px 10px 0px rgba(0, 0, 0, 0.3);box-shadow:2px 4px 10px 0px rgba(0, 0, 0, 0.3);
font-size:1em;color:#333333;
}

#document h1 {
width:block;
margin:-10px;padding:12px;margin-bottom:20px;
background-color: #ABBCD7;
background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
color:#5679B1; border-bottom: 1px solid #5679B1;
moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
font-size:18px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#document h2, h3, h4 {
color : #336699;
margin: 0;
position: relative;
}
#document h2 {
background:url('damada_puce_40.jpg') no-repeat;
padding-left:30px;min-height:40px;
margin-top:0.8em;
}
#document h3 {
margin:0.8em 0;
}

#document p {margin:0.8em 0;}
#document ul {margin-left:20px;padding:0;}
#document li {list-style-position:outside;margin:0;padding:0;}

/* Formulaires */

#document input {
border: 1px solid #C5D9EC;
}

#document fieldset, .centreform {
    margin: 0 auto;
    width: 390px;
    border: 0 none;
    outline: 0 none;
    }
#document label {
    font-weight: bold;
    margin: 0 0 2px;
}

#document input[type="text"], #document input[type="password"] , #document input[type="email"]{
    background: #E8F0F7;
    box-shadow: 0 1px 4px 0 rgba(176, 199, 221, 0.3) inset;
    border-radius: 6px 6px 6px 6px;
    color: #5C5E61;
    font-family: Arial,sans-serif;
    outline: none;
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 30px 0 6px;
    position: relative;
    width: 350px;
    z-index: 0;
}

#document input[type="text"]:focus, #document input[type="password"]:focus, #document input[type="email"]:focus {
background: #FFFFFF !important;
    border-color: #70ABE6 !important;
    box-shadow: 0 0 10px rgba(90, 166, 237, 0.6) !important;
}

#document .corrige input:invalid {
    background: none repeat scroll 0 0 #FFEBEB;
    border-color: #E48181;
}
#document .corrige input:invalid:focus {
    background: none repeat scroll 0 0 #FFFFFF;
}

#document input [type="button"], #document input[type="submit"] {
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 14px 0;
    padding: 0 40px;
    text-align: center;
    background-color: #304A64;
    background-image: -moz-linear-gradient(center top , #3F6483, #304A64);
    border: 1px solid #1F3D5C;
    color: white;
    text-shadow: 0 -1px 0 #000000;
    background-clip: padding-box;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.698);
    display: inline-block;
}

/*== PIED == */
#pied {text-align:center;}