body {
background: #24190c url("../img/bg.jpg") repeat-x;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#ddd;
padding:0px;
margin:0px;
}



p {
line-height:140%;
text-align:justify;
}

strong {
font-weight:bold;
color:#fff;}

#suite {
margin-top:10px;
}

#suite li {
line-height:140%;
padding-bottom:10px;
}

a {color:#cc9900; text-decoration:none;}
a:visited {color:#cc9900}
a:hover {color: #fff; text-decoration:underline;}
a:active { color:#fff;}


.rouge {
font-weight:bold;
font-size:120%;
color:#CC3300;
}

h1 {
font-size: 16px;
padding:15px 15px 3px 15px;
margin:0;
color:#febe00;
/*border-bottom:1px dotted #31220F;*/
}




h2 {
font-size:13px;
font-weight: bold;
font-style:italic;
margin:5px 0 0 10px;
padding:0 0 3px 0;
color:#fff;
border-bottom:1px solid #333;
}

.quote {
font-size:90px;
color:#69481f;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 32px 10px 50px 0;
float:left;
}

.quotef {
font-size:60px;
color:#fff;
margin:90px 0 0 10px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
}

.citation {
width:350px;
background-color:#FFBF00;
margin:0 20px 10px 20px;
float:right;
color:#69481f;
}


.exergue  {
font-size:13px;
font-weight: bold;
color:#FF002F;
background: #000 url("../img/deco-1.jpg") no-repeat;
padding: 5px 0 5px 50px;
margin: 0 0 0 5px;
}



.mini {
padding: 5px;
background:#fff;
border:1px solid #fff;
/*border:1px solid #D6AF2B;*/
}


.minid {
padding: 5px;
background:#fff;
border:1px solid #fff;
float:right;
margin:0 0 0 25px;
/*border:1px solid #D6AF2B;*/
}



#coldroite {
float:right;
width:450px;
}

#colgauche {
/*float:right;*/
width:450px;
}


.chocolat {
color:#6b4a21;
font-weight:bold;
font-size: 17px;
}

/* ----------container to center the layout-------------- */
#container {
width: 960px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
/*background-color: #EBD3E0;*/
}

/* ---------- BANNIERE -------------- */
#banner {
height: 100px;
padding: 0;
margin: 20px 0;
}

.logo {
float:right;
}



/* -----------------content--------------------- */
#content {
padding: 0 10px 0 0 ;
margin-right: 480px;
margin-left: 0px;
/*border-right:1px solid #31220F;*/
}

#content-big {
padding: 0px;
margin-right: 525px;
margin-left: 0px;
}


div#content { 
/*min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); */

}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#right {
float: right;
width: 470px;
margin: 10px 0 15px 0;
padding: 0px;
}


#left-big {
float: right;
width: 515px;
margin: 0px;
padding: 0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 20px 0 0 0;
padding: 5px 0;
color:#706A62;
border-top:1px solid #31220F;
 }


/* ----------- MENU --------------------------- */
#navlist{
margin: 0;
padding: 10px 0 20px 0;

}

#navlist ul {
white-space: nowrap;
}

#navlist li {
display: inline;
list-style-type: none;
}

#navlist a { 
padding: 3px 5px;
font-size: 16px;
color:#fff;
font-weight:bold;
}

#navlist a:link, #navlist a:visited {
color:#fff;
text-decoration: none;
}

#navlist a:hover {
color: #febe00;
text-decoration: none;
}

.cur {
color: #febe00;
text-decoration: none;
}





/*--------------- BORDS ARRONDIS --------------------------------*/

/* -------// BLEU //----------------------------*/
.relsample .top_left { top: 0px; left: 0px; background-image: url("../img/corner_top_left.gif"); z-index: 0; }
.relsample .top_right { top: 0px; right: 0px; background-image: url("../img/corner_top_right.gif"); z-index: 1; }
.relsample .bottom_left { bottom: 0px; left: 0px; background-image: url("../img/corner_bottom_left.gif"); z-index: 2; }
.relsample .bottom_right { bottom: 0px; right: 0px; background-image: url("../img/corner_bottom_right.gif"); z-index: 3; }
.relsample .feinte {border-top:1px solid #4397bf;height: 10px;}
.relsample .feinte2 {border-bottom:1px solid #4397bf;height: 10px;}
.relsample .contenu { position: relative; padding: 10px; z-index: 4; border-left:1px solid #4397bf;border-right:1px solid #4397bf;}
.relsample { width: 960px; position: relative; background-color: #100b05;}
.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { 
height: 12px; 
width: 12px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: 
#100b05; 
}




/* -------// GRIS //----------------------------*/
.relsampleg .top_leftg { top: 0px; left: 0px; background-image: url("../img/corner_top_leftg.gif"); z-index: 0; }
.relsampleg .top_rightg { top: 0px; right: 0px; background-image: url("../img/corner_top_rightg.gif"); z-index: 1; }
.relsampleg .bottom_leftg { bottom: 0px; left: 0px; background-image: url("../img/corner_bottom_leftg.gif"); z-index: 2; }
.relsampleg .bottom_rightg { bottom: 0px; right: 0px; background-image: url("../img/corner_bottom_rightg.gif"); z-index: 3; }
.relsampleg .feinte {border-top:1px solid #999;height: 10px;}
.relsampleg .feinte2 {border-bottom:1px solid #999;height: 10px;}
.relsampleg .contenu { position: relative; padding: 10px; z-index: 4; border-left:1px solid #999;border-right:1px solid #999;}
.relsampleg { width: 960px; position: relative; background-color: #100b05;}
.relsampleg .top_leftg, .relsampleg .top_rightg, .relsampleg .bottom_leftg, .relsampleg .bottom_rightg { 
height: 12px; 
width: 12px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: 
#100b05; 
}





/* -------// ORANGE //----------------------------*/
.relsampleo .top_lefto { top: 0px; left: 0px; background-image: url("../img/corner_top_lefto.gif"); z-index: 0; }
.relsampleo .top_righto { top: 0px; right: 0px; background-image: url("../img/corner_top_righto.gif"); z-index: 1; }
.relsampleo .bottom_lefto { bottom: 0px; left: 0px; background-image: url("../img/corner_bottom_lefto.gif"); z-index: 2; }
.relsampleo .bottom_righto { bottom: 0px; right: 0px; background-image: url("../img/corner_bottom_righto.gif"); z-index: 3; }
.relsampleo .feinte {border-top:1px solid #ee7918;height: 10px;}
.relsampleo .feinte2 {border-bottom:1px solid #ee7918;height: 10px;}
.relsampleo .contenu { position: relative; padding: 10px; z-index: 4; border-left:1px solid #ee7918;border-right:1px solid #ee7918;}
.relsampleo { width: 960px; position: relative; background-color: #100b05;}
.relsampleo .top_lefto, .relsampleo .top_righto, .relsampleo .bottom_lefto, .relsampleo .bottom_righto { 
height: 12px; 
width: 12px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: 
#100b05; 
}


/* -------// VERT //----------------------------*/
.relsamplev .top_leftv { top: 0px; left: 0px; background-image: url("../img/corner_top_leftv.gif"); z-index: 0; }
.relsamplev .top_rightv { top: 0px; right: 0px; background-image: url("../img/corner_top_rightv.gif"); z-index: 1; }
.relsamplev .bottom_leftv { bottom: 0px; left: 0px; background-image: url("../img/corner_bottom_leftv.gif"); z-index: 2; }
.relsamplev .bottom_rightv { bottom: 0px; right: 0px; background-image: url("../img/corner_bottom_rightv.gif"); z-index: 3; }
.relsamplev .feinte {border-top:1px solid #b0bc02;height: 10px;}
.relsamplev .feinte2 {border-bottom:1px solid #b0bc02;height: 10px;}
.relsamplev .contenu { position: relative; padding: 10px; z-index: 4; border-left:1px solid #b0bc02;border-right:1px solid #b0bc02;}
.relsamplev { width: 960px; position: relative; background-color: #100b05;}
.relsamplev .top_leftv, .relsamplev .top_rightv, .relsamplev .bottom_leftv, .relsamplev .bottom_rightv { 
height: 12px; 
width: 12px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: 
#100b05; 
}



/* -------// ROSE //----------------------------*/
.relsampler .top_leftr { top: 0px; left: 0px; background-image: url("../img/corner_top_leftr.gif"); z-index: 0; }
.relsampler .top_rightr { top: 0px; right: 0px; background-image: url("../img/corner_top_rightr.gif"); z-index: 1; }
.relsampler .bottom_leftr { bottom: 0px; left: 0px; background-image: url("../img/corner_bottom_leftr.gif"); z-index: 2; }
.relsampler .bottom_rightr { bottom: 0px; right: 0px; background-image: url("../img/corner_bottom_rightr.gif"); z-index: 3; }
.relsampler .feinte {border-top:1px solid #ca1369;height: 10px;}
.relsampler .feinte2 {border-bottom:1px solid #ca1369;height: 10px;}
.relsampler .contenu { 
position: relative; 
padding: 10px; 
z-index: 4; 
border-left:1px solid #ca1369;
border-right:1px solid #ca1369;
}
.relsampler { width: 960px; position: relative; background-color: #100b05;}
.relsampler .top_leftr, .relsampler .top_rightr, .relsampler .bottom_leftr, .relsampler .bottom_rightr { 
height: 12px; 
width: 12px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: 
#100b05; 
}



/* -------// JAUNE //----------------------------*/
.relsamplej .top_leftj { top: 0px; left: 0px; background-image: url("../img/corner_top_leftj.gif"); z-index: 0; }
.relsamplej .top_rightj { top: 0px; right: 0px; background-image: url("../img/corner_top_rightj.gif"); z-index: 1; }
.relsamplej .bottom_leftj { bottom: 0px; left: 0px; background-image: url("../img/corner_bottom_leftj.gif"); z-index: 2; }
.relsamplej .bottom_rightj { bottom: 0px; right: 0px; background-image: url("../img/corner_bottom_rightj.gif"); z-index: 3; }
.relsamplej .feinte {border-top:1px solid #febe00;height: 10px;}
.relsamplej .feinte2 {border-bottom:1px solid #febe00;height: 10px;}
.relsamplej .contenu { 
position: relative; 
padding: 10px; 
z-index: 4; 
border-left:1px solid #febe00;
border-right:1px solid #febe00;
}
.relsamplej { width: 960px; position: relative; background-color: #100b05;}
.relsamplej .top_leftj, .relsamplej .top_rightj, .relsamplej .bottom_leftj, .relsamplej .bottom_rightj { 
height: 12px; 
width: 12px; 
background-repeat: no-repeat; 
position: absolute; 
background-color: 
#100b05; 
}

/* listes bulles */


.bulles {
float:left;
width:115px;
text-align:center;
}

.bulles a {
color:#fff;
}

.bulles a:hover {
color:#cc9900;
text-decoration:none;
}


#act {
margin:0;
padding:0;
}

#act li {
list-style-type:none;
margin:0 3px;
padding:5px 0;
border-bottom:1px dotted #31220F;
}


/* Pages prestations */

.bullegauche {
float:left;
}

.collage-droite {
float:right;
padding-left:10px;
}

#tuyau {
margin-left:150px;
width:600px;
}

#tuyau2 {
margin-left:150px;
}


#exemple {
margin:10px 0 0 10px;
}

.bleu {color:#4397bf;}
.minigbleu {
padding: 3px;
background:#4397bf;
float:left;
margin:0 25px 25px 0;
}

.vert {color:#b0bc02;}
.minigvert {
padding: 3px;
background:#b0bc02;
float:left;
margin:0 25px 25px 0;
}


.orange {color:#ee7918;}
.minigorange {
padding: 3px;
background:#ee7918;
float:left;
margin:0 25px 25px 0;
}


.rose {color:#CA1369;}
.minigrose {
padding: 3px;
background:#CA1369;
float:left;
margin:0 25px 25px 0;
}



.gris {color:#999;}
.miniggris {
padding: 3px;
background:#999;
float:left;
margin:0 25px 25px 0;
}



/* PARTIE SLIDE ------------------------------------*/

#my-glider {
margin:0 0 0 15px;
width:905px;
}

.controls {
margin: 0 0 10px 30px;
}

div.scroller { 
/* modify width and height of scrolling section if necessary	*/		
width: 905px; 
height: 550px;
overflow: hidden;
/*border:1px solid #ccc;*/
}
	
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:890px;
height:550px;
overflow:hidden;
float:left;
padding:1em;		
}

div.scroller div.content {
width: 10000px;
}

div#web {
background:#000;
color:#fff;
}


#lis {
margin-top:2px;
}

#lis li {
padding:0;
}



/* --------- FORMU ----------------------------------------- */

.champ {
border:1px solid #706a62;
background-color:#ccc;
}
.obl {
color:#febe00;
}

.adroite {
float:right;
}