/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

body {
    margin             : 0;
    padding            : 0;
    color              : #FFF;
    background         : #000
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
div.init {
    clear              : both;
}
#container {
	width              : 966px;
	margin             : 0 auto;
	background         : transparent;
	padding            : 0 12px;
}
object {
    outline             : none;
}

/* --- HEADER --- */
#header {
}
#header_background {
    float              : left;
}
#header_menu {
    float              : right;
    text-align         : left;
}
#header ul {
	margin             : 0;
}
#header ul li {
	display            : inline;
	list-style         : none;
	margin             : 0;
    background         : transparent;
}
#header ul li a, #header ul li a:link, #header ul li a:visited {
	text-decoration    : none;
	color              : #737676;
	padding            : 31px 24px;
	font-size          : 12px;
	font-family        : Georgia, Verdana, Arial;
    font-weight        : bold;
}
#header ul li a.on, #header ul li a.on:link, #header ul li a.on:visited {
    padding-top        : 29px;
    border-top         : 2px solid #FFF;
	background         : transparent;
	color              : #FFF;
}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
	font-size          : 11px;
}
#header ul li a:hover {
    padding-top        : 29px !important;
    border-top         : 2px solid #FFF !important;
	background         : transparent;
	color              : #FFF;
}
#header ul li a.last {
    padding-right      : 0;
}


/* --- SIDEBAR --- */
#sidebar {
	float              : left;
	width              : 180px;
	padding            : 46px 0 0 0;
}
#sidebar ul {
	margin             : 0;
}
#sidebar li {
	list-style         : none;
	width              : 180px;
	height             : 35px;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
	text-decoration    : none;
	color              : #737676;
	display            : block;
	padding            : 5px 0 10px 10px;
	border-bottom      : 1px solid #212423;
}
#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
	color              : #FFF;
	background         : url(../images/arrow.gif) right 40% no-repeat;
}
#sidebar ul li a:hover {
	color              : #FFF;
}
#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
	left               : 180px;
	top                : 0;
}

/* --- CONTENT --- */
.list_lunette_video, .lien_lunette{
	margin-top:10px;
}

.list_lunette_video div{
	height:auto !important;
}
#nom_lunette div{
	height:50px;
}


#main {
    border-top         : 1px solid #262626;
    outline            : none;
}
#main div {
    outline            : none;
}
#content {
	margin-left        : 180px;
	padding            : 10px;
	min-height         : 450px;
	_height            : 450px;
}
#content_alone_padding {
    padding            : 51px 51px 25px 51px;
    background         : transparent;
    min-height         : 410px;
    _height            : 410px;

}
#page_title {
    border-bottom      : 1px solid #474D4D;
}

/* --- FOOTER --- */
#footer {
	padding            : 10px;
    margin-top         : 1px;
    border-top         : 1px solid #262626;
}
#footer_menu {
    float              : left;
	text-align         : center;
}
#footer ul {
	margin             : 5px;
}
#footer ul li {
	display            : inline;
	list-style         : none;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
	text-decoration    : none;
    color              : #737676;
    font-family        : Georgia, Verdana, Arial;
    font-size          : 10px;
    margin             : 0 5px;
}
#footer ul li a:hover {
	text-decoration    : underline;
}

/* --- COPYRIGHT --- */
#copyright {
    float              : right;
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
    color              : #737676;
    font-family        : Georgia, Verdana, Arial;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}



/* --- POP UP PRESSE --- */
div#pop_up_dyn {
    background         : #010101;
    text-align         : left;
}
div#pop_up_dyn_lun {
    background         : #010101;
    text-align         : left;
    width              : 520px;
    height             : 600px;
    overflow           : auto;
}
/*div#pop_up_dyn checkbox {
    margin-left        : -3px;
}*/

div#header_pop_up {
    position           : relative;
    font-family        : Georgia, Verdana, Arial, sans-serif;
    font-size          : 22px;
    font-weight        : bold;
    text-transform     : uppercase;
    padding            : 6px 0 13px 0;
}
div#close_popup {
    position           : absolute;
    cursor             : pointer;
    right              : 5px;
    top                : 0;
}
div#content_form_login {
    width              : 550px;
    padding            : 0 100px;
}
div#content_form_login hr {
    border             : none;
    height             : 1px;
    background         : #555555;
    margin             : 28px 0 20px 0;
}
div#content_form_login span {
    font-family        : Trebuchet MS, Arial, Verdana, sans-serif;
    font-weight        : bold;
    font-size          : 14px;
    text-transform     : uppercase;
}
div#content_form_login input {
    font-weight        : bold;
    font-family        : Trebuchet MS, Arial, Verdana, sans-serif;
    padding-left       : 4px;
}
div#content_form_login label {
    font-weight        : bold;
    font-size          : 11px;
    font-family        : Trebuchet MS, Arial, Verdana, sans-serif;
    text-transform     : uppercase;
    vertical-align     : middle;
}
input.input1 {
    width              : 253px;
    border             : 1px solid #fff;
    font-size          : 11px;
}
input.input2 {
    width              : 430px;
    border             : 1px solid #fff;
    font-size          : 11px;
}
input.input3 {
    width              : 75px;
    border             : 1px solid #fff;
    font-size          : 11px;
}
img.pixform1 {
    height             : 1px;
    width              : 24px;
}
img.pixform_bloc {
    height             : 1px;
    display            : block;
    height             : 13px;
}
input#usfr_connected {
    margin-left        : -1px;
}
div#content_form_login a:link,
div#content_form_login a:active,
div#content_form_login a:focus,
div#content_form_login a:visited,
div#content_form_login a:hover {
    font-size          : 11px;
    font-family        : Trebuchet MS, Arial, Verdana, sans-serif;
    color              : #fff;
    text-decoration    : underline;
}
input.submit1 {
    /*text-transform     : uppercase;*/
    background         : none;
    border             : none;
    /*font-family        : Georgia, Verdana, Arial, sans-serif;
    color              : #fff;
    font-size          : 14px;
    text-decoration    : underline;*/
}
input#btn_connexion {
    width              : 121px;
    height             : 29px;
    background         : url(../images/btn_connexion.gif) no-repeat;
    cursor             : pointer;
}
input#btn_inscrire {
    width              : 116px;
    height             : 24px;
    background         : url(../images/btn_inscription.gif) no-repeat;
    cursor             : pointer;
}
div#footer_pop_up {
    padding            : 32px 0 12px 0;
    text-align         : center;
    color              : #9d9d9d;
    font-family        : Georgia, Verdana, Arial, sans-serif;
    margin             : 0 auto;
}
div.err,
div.val {
    display            : none;
    padding            : 5px;
    background         : #bbb;
    border             : 1px solid #dadada;
    margin             : 8px 0 0 0;
    color              : #000;
    font-weight        : bold;
}
div.lien_form {
    margin             : 20px 0 0 0;
    font-size          : 14px;
    text-transform     : uppercase;
    text-decoration    : underline;
    text-align         : right;
    font-family        : Georgia, Verdana, Arial, sans-serif;
    font-weight        : bold;
    background         : url(../images/arrow_form.gif) right no-repeat;
    padding-right      : 15px;
    cursor             : pointer;
    float              : right;
}
div.lien_form2 {
    font-size          : 14px;
    text-transform     : uppercase;
    text-decoration    : underline;
    text-align         : right;
    font-family        : Georgia, Verdana, Arial, sans-serif;
    font-weight        : bold;
    background         : url(../images/arrow_form.gif) right no-repeat;
    padding-right      : 15px;
    cursor             : pointer;
}
.form_recup_password {
    display            : none;
}
span.titre_fieldset {
    font-weight        : bold;
    font-size          : 18px;
    color              : #fff;
}
a.lien_document:link,
a.lien_document:active,
a.lien_document:visited {
    color              : #bbb;
    font-weight        : bold;
    font-size          : 12px;
    border-bottom      : 1px solid #322f2c;
    text-decoration    : none;
}
a.lien_document:hover,
a.lien_document:focus {
    border-bottom      : 1px solid #bbb;
}
div.dossier_nom {
    color              : #bbb;
    font-size          : 12px;
}
div#liens_lunettes {
    display            : none;
}
div#diaporama_presse {
    position           : relative;
    width              : 305px;
    height             : 460px;
    overflow           : hidden;
}
div.diaporama_presse_content {
    text-align         : center;
    font-family        : Georgia, Verdana, Arial, sans-serif;
    font-size          : 11px;
    text-transform     : uppercase;
}
h3.titre_actu a:link,
h3.titre_actu a:active,
h3.titre_actu a:visited {
    text-decoration     : none;
}
h3.titre_actu a:hover,
h3.titre_actu a:focus {
    text-decoration     : underline;
}
div.lunette_zoom {
    background          : #ff0000;
    padding             : 10px 0 0 48px;
}
div.fiche_lunette img,
div.lunette_zoom img {
    display             : block;
    margin              : 0 auto;
}
#fiche_lunette #nom_lunette {
	font-size			: 23px;
	font-weight			: bold;
	height				: 40px;
	text-align			: center;
	vertical-align		: bottom;
}

div.list_lunette_video {
    font-size           : 10px;
    text-align          : left;
}
div.list_lunette_video div {
    background          : url(../images/video.gif);
}