/*
*Author : Sylvain BOUYSSET
*Year : 2007
*Website : mil20.free.fr
**************************
*Colors Reference : 
** orange : #ff9b46
** blue :  #30bede
** red : #ff584b
** green : #aad352
** pink : #fa5f82
** ligth ligth gray : #555455
** ligth dark gray : #4d4d4d
** dark ligth gray : #393a39
** dark dark gray : #373737
*/

/*STYLES DES BLOCS DE STRUCTURE DE LA PAGE*/

body{
/*width : 100%;
height : 100%;    !!! Incompatible avec le scrolling de Script.aculo.us  */
padding : 0px;
margin : 0;
font-family : Tahoma, Helvetica, sans-serif;
background-color : #e0e0e0;
background-image : url(../images/body_bg.png);
background-position : 7px;
font-size : 11pt;
color : #373737;
}

#warning{
display : block;
width : 500px;
height : 80px;
padding : 20px;
margin-top  : 20px;
margin-bottom  : 20px;
margin-left : auto;
margin-right : auto;
background-color : #eee;
border : 10px solid white;
font-size : 20pt;
color : #f24b79;
text-align : center;
}

#nav{
width : 100%;
height : 54px;
background-image : url(../images/nav_bg.png);
background-repeat : repeat-x;
}

#header{
width : 100%;
height : 205px;
background-image : url(../images/header_bg_side_orange.png);
background-repeat : repeat-x;
}

#header_center{
width : 810px;
height : 205px;
margin-left : auto;
margin-right : auto;
background-image : url(../images/header_orange.png);
background-repeat : repeat-x;
overflow : hidden;
}

#Items{
padding : 0;
margin : 0;
width : 100%;
}

#Items li {
margin:0;
padding:0px;
width : 100%;
list-style-type : none;
background-image : url(../images/item_bg_side.png);
background-color : #d6d6d6;
background-repeat : repeat-x;
}

#Items li .item_border{
width : 810px;
height : 95px;
margin-left : auto;
margin-right : auto;
background-image : url(../images/item_bg_border.png);
overflow : hidden;
}

#Items li .item_center{
width : 800px;
height : 95px;
margin-left : 5px;
padding : 0px;
background-image : url(../images/item_bg_center.png);
background-repeat : repeat-x;
overflow : hidden;
}

#Items li .item_content{
background-color : white;
width : 780px;
margin-left : auto;
margin-right : auto;
padding : 10px;
border-left : 5px  solid #e0e0e0;
border-right : 5px  solid #e0e0e0;
background-image : url(../images/content_bg.png);
background-repeat : repeat-x;
overflow : hidden;
}

.thumb{
float : left;
width : 160px;
height : 160px;
margin : 8px 8px 8px 9px;
padding-top : 17px;
padding-left : 17px;
overflow : hidden;
background-image : url(../images/cadre.png);
}

.clearer{
clear : both;
}

#diapo{
width : 554px;
height : 495px;
margin-left : 73px;
padding : 30px 29px;
background-image : url(../images/diapo.png);
overflow : hidden;
}

#diapo_cadre{
width : 554px;
height : 416px;
background-image : url(../images/diapo_vide);
overflow : hidden;
}

#diapo_img{
width : 20986px;
height : 416px;
background-image : url(../images/diapo_vide);
}

#diapo #diapo_img img{
display : block;
float : left;
}

#btn_prev, #btn_next, #btn_play, #btn_stop{
display : block;
float : left;
overflow : hidden;
width : 0px;
height : 55px;
margin-top : 20px;
padding-left : 80px;
}

a#btn_prev{
margin-left : 310px !important;
margin-left : 192px;
background-image : url(../images/btn_prev.png);
}

a#btn_next{
margin-left : 0px;
background-image : url(../images/btn_next.png);
}

a#btn_play{
background-image : url(../images/btn_play.png);
}

a#btn_stop{
display : none;
background-image : url(../images/btn_stop.png);
}

a#btn_prev:hover{
background-image : url(../images/btn_prev_over.png);
}

a#btn_next:hover{
background-image : url(../images/btn_next_over.png);
}

a#btn_play:hover{
background-image : url(../images/btn_play_over.png);
}

a#btn_stop:hover{
background-image : url(../images/btn_stop_over.png);
}

#footer{
height : 148px;
width : 100%;
background-color : black;
background-image : url(../images/footer_bg.png);
text-align : center;
padding-top : 2px;
color : #ddd;
border-bottom : 5px solid #aad352;
}

#links{
width : 600px;
margin-left : auto;
margin-right : auto;
color : #aad352;
}

/*STYLES GENERAUX*/
h1{
font-weight : normal;
color : white;
}

h2{
font-size : 15pt;
font-weight : normal;
}

h3{
color : #4d4d4d;
margin-left : 20px;
margin-bottom:0;
}

a img{
border : none;
}

/*STYLES SPECIFIQUES*/
#nav ul{
width : 810px;
height : 54px;
margin : 0;
padding : 0;
margin-left : auto;
margin-right : auto;
}

#nav li{
display : inline;
}

#nav li a{
display : block;
float : left;
text-decoration : none;
width : 0px;
height : 54px;
text-align : center;
color : white;
padding-left : 160px;
overflow : hidden;
background-position : 0px 0px;
}
#nav li a:hover{
background-position : 0px 54px;
}

#link_0{
background-image : url(../images/nav.png);
}

#link_1{
background-image : url(../images/nav-02.png);
}

#link_2{
background-image : url(../images/nav-03.png);
}

#link_3{
background-image : url(../images/nav-04.png);
}

#link_4{
background-image : url(../images/nav-05.png);
}

.rose{
color : #f85f82;
}

#header h1{
margin-left : 815px;
}

#Items li .item_center img{
margin-left : 30px;
}

#Items a{
text-decoration : none;
}

#Items h2{
margin-top : 15px;
margin-bottom : 8px;
}

#Items_0 h2, #Items_0 a{
color : #ff9b46;
}

#Items_1 h2, #Items_1 a{
color : #30bede;
}

#Items_0 p, #Items_1 p, dl,#Items_4 p{
margin-left : 25px;
margin-right : 25px;
margin-top : 2px;
}

#Items_2 h2{
color : #ff584b;
}

#Items_2 p, #Items_3 p, #footer p{
margin-top : 15px;
margin-bottom : 15px;
text-align : center;
}

.thumb img {
width : 148px;
height : 111px;
}

#Items_2 .thumb p{
margin-top : 8px;
text-align : left;
}

#Items_3 p{
color : #ccc;
font-size : 9pt;
}

#Items_4 h2, #Items_4 a{
color : #fa5f82;
}

#links h2{
margin-top : 20px;
font-size : 25pt;
}

#links ul{
width : 600px;
margin : 0;
padding : 0;
}

#links ul li{
list-style-type : none;
display : inline;
width : 400px;
height : 30px;
margin : 0px;
padding : 0;
}

#links ul li a{
float : left;
display : block;
text-decoration : none;
width : 280px;
height : 20px;
padding : 10px;
color : white;
}

#links ul li a:hover{
background-color : #ff9b46;
color : black;
}