body
{
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
margin: px;
overflow: hidden;
}

p
{
}

td
{
}

a
{
color: #28AAFC;
outline: none;
}

#global
{
position: fixed;
_position: absolute;
left: 50%; 
top: 50%;
width: 1024px;
_width: 1000px;
height: 478px;
margin-left: -512px;
_margin-left: -500px;
margin-top: -239px;
/*overflow: hidden;*/
}

.content
{
width: 900px;
height: 444px;
margin-left: 40px;
/*margin-right: 40px;*/
margin-top: 20px;
overflow: hidden;
}

.header
{
/*height: 50px;*/
}

.main_title
{
font-family: Helvetica, Arial, Verdana;
font-size: 18px;
line-height: 16px;
font-weight: bold;
margin-bottom: 20px;
text-transform: lowercase;
}

.navigation
{
margin-top: 20px;
margin-left: 40px;
/*
margin-top: 0px;
margin-right: 40px;
margin-bottom: 40px;
*/
}

.mainMenu
{
display: inline;
float: left;
margin-right: 10px;
font-size: 11px;
}

.mainMenu a
{
color: #000000;
text-decoration: none;
text-transform: lowercase;
}

.mainMenu a:hover
{
color: #28AAFC;
text-decoration: none;
}

.mainMenu a:visited
{
}

.currentMenu
{
display: inline;
font-weight: bold;
color: #28AAFC;
}

a.generalContact
{
color: #28AAFC;
text-decoration: none;
}

a.generalContact:hover
{
color: #28AAFC;
font-weight: bold;
text-decoration: none;
}

.mention
{
margin-left: 5px;
color: #28AAFC;
}

.scroll_content
{
height: 395px;
margin: 0px;
padding: 0px;
overflow: auto;
}

.content a
{
text-decoration: none;
}

.content img
{
border: 0px;
}

.body_text
{
font-size: 10px;
width: 340px;
}


/**** BANNER NEW FORMULA ****/

#bannernewformula
{
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
font-size: 30px;
color: white;
background-color: black;
padding: 30px;
width: 100%;
height: 50%;
top: 50%;
cursor: pointer;
}

#bannernewformula h1
{
font-family: arial;
font-size: 50px;
line-height: 45px;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

#bannernewformula h1 .e
{
font-family: arial;
font-size: 68px;
line-height: 45px;
text-transform: none;
margin: 0px;
padding: 0px;
}

#bannernewformula h1 p
{
margin: 0px;
padding: 0px;
}

#bannernewformula h2
{
margin: 0px;
padding: 0px;
font-family: arial;
font-size: 25px;
line-height: 25px;
text-transform: uppercase;
color: #28AAFC;
}


.mainCover
{
margin: 0px;
margin-bottom: 20px;
float: left;
}

#mainCovers
{
position: relative;
display: inline;
margin: 0px;
margin-bottom: 20px;
float: left;
height: 442px;
width: 900px;
margin: 0px;
overflow: hidden;
overflow-x: scroll;
}

#mainCovers .scroll
{
width: 100%;
height: 427px;
overflow: hidden;
}

#mainCovers img
{
border: 1px solid black;
margin-right: 10px;
}

/*
#mainCovers .newformula
{
position: absolute;
border: 0px solid black;
margin-left: 1px;
top: 308px;
}
*/

#mainCovers .newformula
{
position: absolute;
top: 66%;
height: 18%;
width: 294px;
background-color: black;
color: white;
border-top: 20px solid black;
border-left: 20px solid black;
font-family: arial;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
}

#mainCovers .newformula .number
{
color: #28AAFC;
}

#cover
{
position: relative;
left: 0px;
top: 0px;
}

#number
{
position: absolute;
z-index: 100;
left: 280px;
top: 250px;
}

#number .test
{
color: white;
font-size: 50px;
font-family: arial, helvetica, verdana;
}

#emerging_talents
{
position: absolute;
z-index: 200;
left: 770px;
top: 317px;
}

.copyright
{
font-size: 9px;
font-family: verdana, helvetica, arial;
color: #7A8085;
}

.mainCoverImage
{
position: absolute;
z-index: 10px;
left: 0px;
top: 0px;
}

.mainCover img
{
/*border: 0px;*/
border: #000000 1px solid;
}

#mainCoverBanner
{
position: absolute;
z-index: 20;
color: #FFFFFF;
font-family: Helvetica, Arial;
font-size: 30px;
margin: 0px;
padding: 7px;
padding-bottom: 3px;
top: 120px;
left: 0px;
width: 208px;
background-color: #A20000;
}

.mainCoverNumber
{
font-size: 30px;
float: left;
margin-right: 15px;
}

.mainCoverText
{
font-size: 12px;
line-height: 12px;
}

#subCover
{
position: absolute;
left: 408px;
height: 428px;
width: 500px;
overflow: hidden;
width: 515px;
overflow: auto;
}

#subCover a
{
display: block;
float: left;
width: 125px;
height: 150px;
/*margin-left: 25px;*/
/*margin-bottom: 25px;*/
}

#subCover img
{
width: 98px;
height: 123px;
border: #000000 1px solid;
/* border: 0px; */
/*margin-left: 25px;
margin-bottom: 25px;*/
}

/* ************ Page de spreads *********** */

.sub_cover_number
{
position: absolute;
/*z-index: 100;*/
margin-top: 0px;
margin-left: 0px;
}




/* ************ Page de spreads *********** */

.realCover
{
float: left;
height: 420px;
}

.realCover a:visited
{
color: white;
}

.realCover img
{
border: #000000 1px solid ;
}

.realCoverNumber
{
margin: 15px;
float: left;
}

.details
{
padding-top: 15px;
margin-left: 125px;
display: block;
font-size: 14px;
font-weight: normal;
line-height: 16px;
}

.spreads
{
position: absolute;
left: 405px;
height: 425px;
width: 475px;
/*margin-left: 360px;*/
}

.spreads_scroll
{
overflow-y: auto;
}

.spreads img
{
border: #000000 1px solid;
/*border: 0px;*/
margin-right: 20px;
margin-bottom: 20px;
}

img.zoom
{
border: #000000 1px solid;
}

.magazine_scroll
{
/*overflow-x: hidden;
overflow-y: auto;*/
}

/* ************ Page edito *********** */

.edito
{
margin: 0px;
margin-left: 360px;
margin-top: -12px;
padding: 0px;
padding-right: 40px;
width: 350px;
height: 420px;
}

.edito a
{
font-weight: bold;
color: #000000;
text-decoration: none;
}

.edito a:hover
{
font-weight: bold;
color: #28AAFC;
text-decoration: none;
}

.editoCurrentMenu
{
font-weight: bold;
color: #28AAFC;
text-decoration: none;
}

.editoCover
{
float: left;
}

.editoCover #cover
{
width: 100px;
}

.editoCover img
{
/* border: 0px; */
border: #000000 1px solid;
}

#edito_cover_banner
{
position: absolute;
z-index: 20;
color: #FFFFFF;
margin: 0px;
padding: 18px;
padding-bottom: 3px;
top: 146px;
left: 0px;
width: 302px;
height: 64px;
background-color: #A20000;
}

.editoCoverNumber
{
font-size: 60px;
line-height: 45px;
font-weight: bold;
float: left;
margin: 0px;
margin-right: 15px;
}

.editoCoverText
{
font-size: 12px;
line-height: 12px;
}


#rollover
{
z-index: 30;
position: absolute;
top: 0px;
left: 0px;
}

.tabs-hide 
{
display: none;
}

.anchors
{
list-style: none;
padding: 0px;
padding-bottom: 20px;
display: block;
}

li
{
display: inline;
}

.scroll
{
height: 380px;
text-align: justify;
padding-right: 20px;
overflow: auto;
}

.anchors a {
font-weight: bold;
color: #000000;
text-decoration: none;
top: 0px;
border: 0px;
border-bottom: 0;
z-index: 2;
padding: 0px;
text-decoration: none;
}

.anchors .on a
{
font-weight: bold;
color: #000000;
}

.anchors a:focus, .anchors a:active
{
color: #28AAFC;
outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}

.anchors .on a:link, .anchors .on a:visited
{
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
color: #28AAFC;
cursor: text;
}

.anchors a:hover, .anchors a:focus, .anchors a:active
{
color: #28AAFC;
cursor: pointer;
}





/* *********** BOOKS *********** */

.books
{
}

.books img
{
margin-right: 0px;
margin-bottom: 5px;
float: left;
}

.books_technical_infos
{
color: #8E8E8E;
font-family: Helvetica, Arial, Verdana;
font-size: 9px;
line-height: 10px;
/*margin-left: 125px;*/
width: 130px;
margin-bottom: 20px;
}

.books_text
{
font-size: 10px;
width: 223px;
float: left;
margin-right: 25px;
margin-bottom: 60px;
}

.main_title_books
{
font-family: Helvetica, Arial, Verdana;
font-size: 18px;
line-height: 16px;
font-weight: bold;
margin-bottom: 0px;
}

.sub_title_books
{
font-family: Helvetica, Arial, Verdana;
font-size: 12px;
line-height: 16px;
font-weight: bold;
margin-bottom: 20px;
}





/* *********** FORMULAIRE *********** */

.form_field
{
min-height: 30px;
}

.field_name
{
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
font-size: 12px;
float: left;
width: 120px;
}

.field_name_buttons
{
width: 113px;
height: 30px;
}

.radiobuttons
{
margin-top: 5px;
}

.form_field_periode
{
padding-bottom: 30px;
}

.collector
{
min-height: 30px;
}

.field_name_periode
{
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
font-size: 12px;
line-height: 16px;
float: left;
width: 120px;
}

input
{
  border: 1px;
  border-style: solid;
}

textarea
{
	border: 1px;
	border-style: solid;
	font-size: 10px;
	padding: 10px;
	width: 180px;
}

.envoi
{
font-family: Arial, Helvetica, Verdana;
font-weight: bold;
font-size: 12px;
border: 0px;
color: #28AAFC;
background: white;
padding: 0px;
}

.envoi:hover
{
color: black;
}

.infos_contact
{
color: grey;
font-size: 9px;
font-family: verdana, arial, helvetica;
line-height: 12px;
/*margin-left: 120px;*/
}

.infos_contacts
{
margin-top: -5px;
padding-right: 20px;
width: 350px;
height: 430px;
line-height: 14px;
overflow: auto;
}

/* *********** FORMULAIRE SUBSCRIBING *********** */

.form_column
{
float: left;
width: 450px;
}

.infos_subscribing
{
margin-top: -36px;
/* margin-top: -5px; */
padding-right: 20px;
width: 350px;
height: 430px;
line-height: 14px;
overflow: auto;
}

.infos_subscribing_title
{
font-family: helvetica, arial;
font-weight: bold;
font-size: 20px;
line-height: 22px;
}




/* *********** SPONSORS *********** */

#sponsor
{
/*
width: 224px;
height: 176px;
*/
width: 80px;
height: 80px;
margin-right: 60px;
margin-bottom: 60px;
float: left;
}






/* *********** MISC *********** */

.separator
{
border-bottom: 1px solid black;
width: 320px;
margin-top: 10px;
margin-bottom: 10px;
}

.linebreak
{
clear: both;
}




/* ************ MODIFS NOUVELLE FORMULE ************ */

#cover
{
/*border: 1px solid red;*/
width: auto;
}

.realCover
{
/*border: 1px solid blue;*/
width: auto;
}

#rollover
{
/*border: 1px solid pink;*/
width: auto;
}

#rollover img
{
/*border: 1px solid pink;*/
width: 339px;
}

#rollover img.new
{
/* border: 1px solid pink;*/
width: 308px;
}

.number
{
font-weight: normal;
}