/*
$Revision:                 $
$Date:                     $
*/



.noscreen {
display:none;
}



/*
 * HTML  ELEMENTS
 */

div {
position:relative
}

html, body {
margin:0; padding:0;
font-family:Arial, sans-serif;
font-size:13px;
line-height:16px;
}

h1 {
line-height:1em;
}

a img {
border:0;
}

*:focus {
outline:0;
}


/* Force la scrollbar */
html, body {
min-height:100%;
height:auto !important;
height:100%;
}
body {
min-height:100%;
height:auto !important;
height:100%;
/*padding-bottom:1px;*/
}





/*
 * CONTAINERS
 */

#mainContainer {
margin:0 auto;
/*background-color:#dddddd;*/
}

#container {
}

#content {
/*border:1px solid red; */
/*background-color:#eeeeee;*/
}

#content .content_padding {
margin:16px;
}





/*
 * CONTENTS
 */

div.site_element_page {
position:absolute;
}





/*
 * ZONES
 */

div.site_template_zone {
position:absolute;
/*border:1px dotted blue;*/
}





/*
 * DND ELEMENTS
 */

div.dnd_element {
position:absolute;
}


.dnd_element_breadcrumb {
line-height:32px;
color:#1d1d1d;
}


.dnd_element_iframe iframe {
width:100%; height:100%;
}


.dnd_element_image a,
.dnd_element_image img,
.dnd_element_image a img {
width:100%;
height:100%;
position:absolute;
top:0; left:0;
color:#ffffff;
text-decoration:none;
}

.dnd_element_image .legend {
position:absolute;
left:0; bottom:0; right:0;
z-index:1;
display:inline-block;
width:100%;

background-color:#3D3C3F;
opacity:.8;
color:white;
text-align:center;
font-size:90%;
}

.dnd_element_image a .legend {
cursor:pointer;
}

.dnd_element_image .loupe {
display:block;
width:16px; height:16px;
position:absolute;
right:0; bottom:0;
z-index:2;
background:transparent url(images/loupe.png) bottom right no-repeat;
cursor:pointer;
}


.dnd_element_menu {
/* voir section dédiée plus bas */
}


.dnd_element_title h1,
.dnd_element_title h2,
.dnd_element_title h3 {
margin:0; padding:0;
line-height:32px;
background-position:left center;
}

.dnd_element_title h1 {
font-size:26px;
}

/*
.dnd_element_title h2 {
font-size:22px;
}
*/

.dnd_element_title h3 {
font-size:18px;
}





/*
 * DND ELEMENT MENU
 */

/* Style par défaut */



/* Styles commun */

.dnd_element_menu {
z-index:100;
}

.dnd_element_menu ul {
margin:0; padding:0;
list-style:none;
}

.dnd_element_menu ul.l1 {
height:100%; width:100%;
position:relative;
}



/* Menu Vertical */
.menu_v ul.l2 li {
padding-left:8px;
}



/* Menu Horizontal */

.menu_h li.l1 {
height:100%;
display:block;
float:left;
}

.menu_h ul.nb2 li.l1 {
width:49.5%;
}
.menu_h ul.nb3 li.l1 {
width:33%;
}
.menu_h ul.nb4 li.l1 {
width:24.5%;
}
.menu_h ul.nb5 li.l1 {
width:19.5%;
}
.menu_h ul.nb6 li.l1 {
width:16.5%;
}
.menu_h ul.nb7 li.l1 {
width:14%;
}
.menu_h ul.nb8 li.l1 {
width:12%;
}

.menu_h a.l1 {
margin:0; padding:0;
width:100%; height:100%;
display:inline-block; float:left; 
cursor:pointer;
text-align:center;
}

.menu_h a.l1 span {
margin:0; padding:0;
display:block;
position:relative;
}

.menu_h.h2 a.l1 span { line-height:32px; }
.menu_h.h3 a.l1 span { line-height:48px; }
.menu_h.h4 a.l1 span { line-height:64px; }



/* Sous-menus Horizontaux */

.menu_sm_h ul.l2 {
display:none;
clear:left;
position:absolute;
left:0;
}

.menu_sm_h.h2 ul.l2 { top:32px; height:32px; }
.menu_sm_h.h3 ul.l2 { top:48px; height:48px; }
.menu_sm_h.h4 ul.l2 { top:64px; height:64px; }

.menu_sm_h.w1 ul.l2 { width:16px; }   .menu_sm_h.w2 ul.l2 { width:32px; }   .menu_sm_h.w3 ul.l2 { width:48px; }   .menu_sm_h.w4 ul.l2 { width:64px; }   .menu_sm_h.w5 ul.l2 { width:80px; }   .menu_sm_h.w6 ul.l2 { width:96px; }   .menu_sm_h.w7 ul.l2 { width:112px; }  .menu_sm_h.w8 ul.l2 { width:128px; }  .menu_sm_h.w9 ul.l2 { width:144px; }  .menu_sm_h.w10 ul.l2 { width:160px; }
.menu_sm_h.w11 ul.l2 { width:176px; } .menu_sm_h.w12 ul.l2 { width:192px; } .menu_sm_h.w13 ul.l2 { width:208px; } .menu_sm_h.w14 ul.l2 { width:224px; } .menu_sm_h.w15 ul.l2 { width:240px; } .menu_sm_h.w16 ul.l2 { width:256px; } .menu_sm_h.w17 ul.l2 { width:272px; } .menu_sm_h.w18 ul.l2 { width:288px; } .menu_sm_h.w19 ul.l2 { width:304px; } .menu_sm_h.w20 ul.l2 { width:320px; }
.menu_sm_h.w21 ul.l2 { width:336px; } .menu_sm_h.w22 ul.l2 { width:352px; } .menu_sm_h.w23 ul.l2 { width:368px; } .menu_sm_h.w24 ul.l2 { width:384px; } .menu_sm_h.w25 ul.l2 { width:400px; } .menu_sm_h.w26 ul.l2 { width:416px; } .menu_sm_h.w27 ul.l2 { width:432px; } .menu_sm_h.w28 ul.l2 { width:448px; } .menu_sm_h.w29 ul.l2 { width:464px; } .menu_sm_h.w30 ul.l2 { width:480px; }
.menu_sm_h.w31 ul.l2 { width:496px; } .menu_sm_h.w32 ul.l2 { width:512px; } .menu_sm_h.w33 ul.l2 { width:528px; } .menu_sm_h.w34 ul.l2 { width:544px; } .menu_sm_h.w35 ul.l2 { width:560px; } .menu_sm_h.w36 ul.l2 { width:576px; } .menu_sm_h.w37 ul.l2 { width:592px; } .menu_sm_h.w38 ul.l2 { width:608px; } .menu_sm_h.w39 ul.l2 { width:624px; } .menu_sm_h.w40 ul.l2 { width:640px; }
.menu_sm_h.w41 ul.l2 { width:656px; } .menu_sm_h.w42 ul.l2 { width:672px; } .menu_sm_h.w43 ul.l2 { width:688px; } .menu_sm_h.w44 ul.l2 { width:704px; } .menu_sm_h.w45 ul.l2 { width:720px; } .menu_sm_h.w46 ul.l2 { width:736px; } .menu_sm_h.w47 ul.l2 { width:752px; } .menu_sm_h.w48 ul.l2 { width:768px; } .menu_sm_h.w49 ul.l2 { width:784px; } .menu_sm_h.w50 ul.l2 { width:800px; }
.menu_sm_h.w51 ul.l2 { width:816px; } .menu_sm_h.w52 ul.l2 { width:832px; } .menu_sm_h.w53 ul.l2 { width:848px; } .menu_sm_h.w54 ul.l2 { width:864px; } .menu_sm_h.w55 ul.l2 { width:880px; } .menu_sm_h.w56 ul.l2 { width:896px; } .menu_sm_h.w57 ul.l2 { width:912px; } .menu_sm_h.w58 ul.l2 { width:928px; } .menu_sm_h.w59 ul.l2 { width:944px; } .menu_sm_h.w60 ul.l2 { width:960px; }
.menu_sm_h.w61 ul.l2 { width:976px; } .menu_sm_h.w62 ul.l2 { width:992px; } 

.menu_sm_h li.current ul.l2 {
display:block;
}
.menu_sm_h ul:hover li.current ul,
.menu_sm_h ul.hover li.current ul {
display:none;
}
.menu_sm_h li.l1:hover ul.l2,
.menu_sm_h ul.hover li.hover ul.l2 {
display:block;
}

.menu_sm_h ul.l3 { /* On s'arrête à 1 sous-menu */
display:none;
}

.menu_sm_h li.l2 {
float:left;
display:block;
float:left;
height:100%;
}

.menu_sm_h a.l2 {
border: 0;
float: left; /*ie doesn't inherit the float*/
width: auto;
margin:0 5px;
font-size:90%;
height:100%;
}

.menu_sm_h.h2 a.l2 span { line-height:32px; }
.menu_sm_h.h3 a.l2 span { line-height:48; }
.menu_sm_h.h4 a.l2 span { line-height:64; }




/* Sous-menus Verticaux */



/* Menu Vertical */





/*
 * FORM  ELEMENTS
 */

.formElement {
position:absolute;
}


.form_element_button input {
width:99%;
}




/*
 * FORM  ERRORS
 */

.form_error {
border:1px solid #BF0000;
padding:2px 1px;
}

select.form_error {
padding:0;
}

div.checkbox_error {
margin:2px 4px; padding:0;
display:inline-block;
float:left;
width:11px; height:11px; 
overflow:hidden;
border:1px solid #BF0000;
}

div.checkbox_error input {
margin:0; padding:0;
position:relative;
top:-1px; left:-1px;
}


/* Messages d'erreur */
#form_messages_overlay {
z-index:10000;
position:fixed;
top:0; left:0;
min-height:100%; min-width:100%;
background-color:#000000;
opacity:0.7;
}

#form_messages {
z-index:10001;
position:fixed;
top:40%; left:50%;
width:350px; margin-left:-200px;
padding:10px 25px;

background-color:white;
border:4px solid #cccccc;
}

#form_messages a {
margin:0; padding:0;
background:none;
background-image:none;
display:inline-block;
font-weight:bold;
float:right;
color:#000000;
}





/*
 * PAGINATION
 */

.pagination {
text-align:center;
line-height:2em;
}

.pagination a,
.pagination span {
padding:0.2em 0.5em;
border:1px solid #888888;
}

.pagination a {
text-decoration:none;
}
.pagination a:hover {}

.pagination .prevnext {}
.pagination span.disabled {}
.pagination span.current {
font-weight:bold;
}