/* GENERAL */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; font-size: 100%}

ol,ul { list-style : none; }

img, a img, a:link img, a:active img, a:hover img, li img, li { border : 0; }

a{text-decoration: none; }

.clear{ width:100%; clear:both; }

.invisible{ display:none; visibility:hidden; }

body {
position: relative;
width: 960px;
margin: 0 auto;
text-align:center;
font-family: Arial, Verdana, Sans Serif ;
}

#wraper {
width: 100%;
text-align:left;
}

#contenu{
width: 960px;
margin: 0 auto;
min-height: 460px;
height:460px;
padding-top: 48px;
}

#col_g {
width: 450px;
float: left;
padding-top: 5px;
}

#col_d {
width: 510px;
float: right;
}



/* HEAD */

#head {
position:relative;
width:100%;
height: 53px;
background: #1FD5F0 url(images/fond_head.jpg) no-repeat left center;
}




/* MAIN_MENU */

ul#main_menu li {
display:block;
width:446px;
height: 50px;
margin-bottom:3px;
}

ul#main_menu li a{
display:block;
width:446px;
height: 50px;
}

li#stop a{background:url(images/apropos_stop_rollover.jpg) no-repeat 0 0;}

li#stop a:hover{background:url(images/apropos_stop_rollover.jpg) no-repeat 0 -50px;}

li#infor a{background:url(images/apropos_infor_rollover.jpg) no-repeat  0 0; }

li#infor a:hover{background:url(images/apropos_infor_rollover.jpg) no-repeat 0 -50px;}

li#aide a{background:url(images/aide_rollover.jpg) no-repeat 0 0;}

li#aide a:hover{background: url(images/aide_rollover.jpg) no-repeat 0 -50px;}

/* TEST_MENU */

#test  {
position:relative;
width:100%;
height:258px;
margin-top: 10px;
background: transparent url(images/fond_test.jpg) no-repeat top left;
}

#test li {
width: 218px;
height:29px;
margin-bottom: 3px;
}

ul#test_menu1 {
position:absolute;
top: 100px;
left:4px;
}

ul#test_menu2 {
position:absolute;
top: 100px;
right:7px;
}

#test li a{
display:block;
width: 218px;
height:29px;
}

li#alcool a{background:url(images/alcool_complet.jpg) no-repeat 0 0;}

li#alcool a:hover{background:url(images/alcool_complet.jpg) no-repeat 0 -32px;}

li#ecstasy a{background:url(images/ecstasy_complet.jpg) no-repeat 0 0}

li#ecstasy a:hover{background:url(images/ecstasy_complet.jpg) no-repeat 0 -32px;}

li#speed a{background:url(images/speed_complet.jpg) no-repeat 0 0}

li#speed a:hover{background:url(images/speed_complet.jpg) no-repeat 0 -32px;}

li#internet a{background:url(images/internet_complet.jpg) no-repeat 0 0;}

li#internet a:hover{background:url(images/internet_complet.jpg) no-repeat 0 -32px;}

li#canabis a{background:url(images/canabis_complet.jpg) no-repeat 0 0;}

li#canabis a:hover{background:url(images/canabis_complet.jpg) no-repeat 0 -32px;}

li#cocaine a{background:url(images/cocaine_complet.jpg) no-repeat 0 0;}

li#cocaine a:hover{background:url(images/cocaine_complet.jpg) no-repeat 0 -32px;}
 
li#somniferes a{background:url(images/somniferes_complet.jpg) no-repeat 0 0;}

li#somniferes a:hover{background:url(images/somniferes_complet.jpg) no-repeat 0 -32px;}

li#jeux a{background:url(images/jeux_complet.jpg) no-repeat 0 0;}

li#jeux a:hover{background:url(images/jeux_complet.jpg) no-repeat 0 -32px;}


/* INFO */

#info {
position: relative;
padding: 80px 6px 0 25px;
text-align: justify;
}

#info img{
position: absolute;
top: -15px;
right:-12px;
}

#info img.index{
position: absolute;
top: -30px;
right:-3px;
}


#info img.aide{
position: absolute;
top: -25px;
right:-8px;
}

#info img.acc{
position: absolute;
top: -15px;
right:-27px;
}



#info h3{
margin-bottom: 10px;
font-size: 1em;
color: #EEB417;

}

#info h5{
margin: 15px 0 5px 0;
font-size: 0.9em;
color: #20D5F0;
}

#info p{
margin-bottom: 4px;
font-size: 0.8em;
line-height: 1.5em;
color: #8C8C8C;
}

body#index #info{
padding-top: 135px;
}

body#index #info p{
margin-bottom: 3px;
line-height: 1.35em;
}

body#stop_info #info{
padding-top: 230px;
padding-bottom: 40px;
}

body#infor_info #info{
padding-top: 70px;
}

body#infor_info #info ul{
list-style-image: url(images/list_dot_blue.jpg);
padding-left: 15px;
font-size: 0.8em;
line-height: 1.6em;
color: #8C8C8C;
}

body#aide #info{
padding-top: 180px;
}

body#mentions_legales #info{
padding-top: 8px; 
padding-bottom: 30px;
min-height: 720px;
height: 720px;
}

body#mentions_legales #info ul{
width: 100%;
}

p.coordonnees{
margin-top: 15px;
font-size: 0.8em;
text-align: right;
}

.orange{
font-weight:bold;
color: #EEB417;
}

.bold{
font-weight:bold;
}

.lien{
color:#17c3dd;
border-bottom: 1px dotted #ccc;
}

.titre{
font-weight: bold;
}

/* FOOT */

#foot {
position: relative;
width: 960px;
margin: 0 auto;
height: 50px;
}

#foot ul{
width: 100%;
background-color: orange;
text-align:right;
padding-top: 5px;
background: transparent url(images/dotted.jpg) repeat-x;
}


#foot ul li {
display: inline;
font-size: 0.6em;
color: #8C8C8C;
}

#foot ul li a {
font-size: 10px;
color: #8C8C8C;
}

#foot li.separateur{
padding: 0 8px;
color: #1FD5F0;
}

/* FLASH CADRE */

#flash_test{
width: 100%;
height: 400px;
text-align:right;
margin-top: 1px;
}