li{list-style:none;}

p,li,ul

{margin: 0; padding: 0; text-transform:none;

}



/*//////////////////////////////////////////////////////////////////// 

//  BODY'S

////////////////////////////////////////////////////////////////////*/

fieldset, form, label, tr{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}

body.background {

	background-attachment: scroll;

	background-color: #0f2126;

	background-image: url(images/background/bg.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	text-align: center;

	overflow-y : scroll;

}



body.index-background {

	background-attachment: fixed;

	background-color: #0f2126;

	background-image: url(images/background/bg-maintenance.jpg);

	background-repeat: no-repeat;

	background-position: top center;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	text-align: center;

	overflow-y : scroll;

}



body.niouzeleteure-background {

	background-attachment: fixed;

	background-color: #0f2126;

	background-image: url(images/background/bg-niouzeleteure.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	text-align: center;

	overflow-y : scroll;

}



body.admin-background {

	background-attachment: fixed;

	background-color: #0f2126;

	background-image: url(images/background/bg-admin.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	text-align: center;

	overflow-y : scroll;

}



body.video {

	background-color: #07151b;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	text-align: center;

	overflow-y : scroll;

}



#top-link { position:fixed; right: 10px; bottom:10px; color:white; font-weight:bold; text-decoration:none; padding:10px; border:0px; }



/* Fonts */



a {

	font-family: 'EB Garamond', arial, serif;

	font-size: 16px;

	text-decoration: none;

	outline: none;

	text-align: justify;

	color: #8eafba;

	-webkit-transition: color 0.25s ease-in-out;

	-moz-transition: color 0.25s ease-in-out;

	/*text-shadow: 0px 0px 8px #000;*/

	font-weight: lighter;

}

a:hover {

	color: #c8e0e8;

	text-decoration: underline;

}





/* Menu */



.menu {

	font-family: 'EB Garamond', arial, serif;

	font-size: 18px;

	color: #fffcf1;

	text-decoration: none;

	outline: none;

	text-shadow: 0px 0px 8px #000;

}

.menu:hover {

	font-family: 'EB Garamond', arial, serif;

	font-size: 18px;

	color: #8adaee;

	text-decoration: none;

	outline: none;

	text-shadow: 0px 0px 20px #ffffff;

}



/* Titre & sous titre */



.titre {

	font-family: 'EB Garamond', arial, serif;

	font-size: 20px;

	color: #8eafba;

	text-decoration: none;

	text-transform:none;

	outline: none;

	font-weight: lighter;

	line-height: 28px;

}



.date {

	font-family: 'EB Garamond', arial, serif;

	font-size: 20px;

	color: #e3e3e3;

	text-decoration: none;

	text-transform:capitalize;

	outline: none;

	font-weight: lighter;

	line-height: 28px;

}



.soustitre {

	font-family: 'EB Garamond', arial, serif;

	font-size: 16px;

	color: #7897a1;

	outline: none;

	font-weight: lighter;

	line-height: 18px;

	/*text-transform: uppercase;*/

}



.fondtitre {

	margin-left:auto;

	margin-right:0px;

	padding-bottom:0px;

	height: 28px;

	width: 520px;

}



.titrecadrelittle {

	width: 270px;

	height: 10px;

	margin-left:0px;

	margin-right:auto;

}



/* Texte */



.texte {

	font-family: 'EB Garamond', arial, serif;

	font-size: 16px;

	color: #dddddd;

	text-decoration: none;

	outline: none;

	text-transform: none;

	font-style: normal;

	text-align: justify;

	line-height: 19px;

}



.coretexte {

	font-family: 'EB Garamond', arial, serif;

	font-size: 16px;

	color: #dddddd;

	text-decoration: none;

	text-transform: none;

	outline: none;

	font-style: normal;

	text-align: justify;

	line-height: 19px;

}



.texte-gris {

	font-family: 'EB Garamond', arial, serif;

	font-size: 16px;

	color: #999;

	text-decoration: none;

	outline: none;

	font-style: normal;

	text-align: justify;

	line-height: 19px;

}



.hautdepage {

	font-family: 'EB Garamond', arial, serif;

	font-size: 14px;

	color: #dddddd;

	text-decoration: none;

	outline: none;

	font-style: normal;

	text-align: center;

}



.hautdepage:hover {

	color: #3a90a4;

	text-decoration: none;

}



.topfondmessage {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(images/top-fond-message.jpg);

	width: 520px;

	height:10px;

	background-repeat:no-repeat;

}



.topfondpressevarmatin {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-varmatin.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpresseprovence {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-laprovence.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpressetelerama {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-telerama.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpresseparisien {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-parisien.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpresseyouhumour {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-youhumour.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpresselamarseillaise {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-lamarseillaise.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpressecritikator {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-critikator.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpresselemonde {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-lemonde.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpresseanousparis {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-anousparis.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpresselhebdo {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-lhebdo.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.topfondpressepariscope {

	margin-left:auto;

	margin-right:0px;

	background-color:#06151a;

	background-image:url(presse/onglet-pariscope.jpg);

	width: 520px;

	height:35px;

	background-repeat:no-repeat;

}



.fondmessage {

	margin-left:auto;

	margin-right:0px;

	padding-bottom:0px;

	width: 520px;

	background-color:#06151a;

	background-image:url(images/fond-message.jpg);

	background-repeat:repeat-y;

	padding:2px 18px 4px;

	text-transform:none;

}



.bottomfondmessage {

	margin-left:auto;

	margin-right:0px;

	padding-bottom:0px;

	width: 520px;

	height:10px;

	background-color:#06151a;

	background-image:url(images/bottom-fond-message.jpg);

	background-repeat:no-repeat;

}



.bars {

	font-family: 'EB Garamond', arial, serif;

	font-size: 14px;

	color: #cccccc;

	text-decoration: none;

	outline: none;

	font-style: normal;

	text-align: justify;

	line-height: 19px;

}

.liensbars {

	font-family: 'EB Garamond', arial, serif;

	font-size: 14px;

	color: #cccccc;

	text-decoration: none;

	outline: none;

	font-style: normal;

	text-align: justify;

	line-height: 19px;

}



.liensbars:hover {

	color: #3a90a4;

	text-decoration: none;

}



.bottom {

	font-family: 'EB Garamond', arial, serif;

	font-size: 13px;

	color: #a4a4a4;

	text-decoration: none;

	outline: none;

	font-style: normal;

	text-align: center;

	line-height: 19px;

}

.liensbottom {

	font-family: 'EB Garamond', arial, serif;

	font-size: 13px;

	color: #a4a4a4;

	text-decoration: none;

	outline: none;

	font-style: normal;

	text-align: center;

	line-height: 19px;

}



.liensbottom:hover {

	color: #3a90a4;

	text-decoration: none;

}



.texte2 {

	font-family: 'EB Garamond', arial, serif;

	font-size: 13px;

	color: #cccccc;

	text-decoration: none;

	outline: none;

	text-align: justify;

	line-height: 19px;

}





/* 03 - Cadres */



#top {

	margin-left:auto;

	margin-right:auto;

	background-color: #0f2126;

	background-image: url(images/top.jpg);

	background-repeat:no-repeat;

	height: 277px;

	width: 900px;

}



#menu {

	margin-left:auto;

	margin-right:auto;

	background-color: #0f2126;

	background-image: url(images/fond_menu.jpg);

	height: 46px;

	width: 1000px;

	background-repeat: no-repeat;

}



#preslider {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/pre_slider.jpg);

	height: 5px;

	width: 900px;

	text-align: center;

	position:relative;

	background-repeat: no-repeat;

}



#postslider {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/post_slider.jpg);

	height: 18px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



#topmain {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/top_main.jpg);

	height: 15px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquettes {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_accueil.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-agenda {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_agenda.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-presse {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_presse.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-photosetvideos {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_photosetvideos.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-photos {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_photos.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-videos {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_videos.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-livredor {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_livredor.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-niouzeleteure {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_niouzeleteure.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-contact {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_contact.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-mentionslegales {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_mentionslegales.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-credits {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_credits.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.etiquette-temoignage {

	margin-left:auto;

	margin-right:auto;

	background-color: #06151a;

	background-image: url(images/etiquette_temoignage.jpg);

	height: 70px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



#bottommain {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/bottom_main.jpg);

	height: 140px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



#partenaires {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/partenaires2013b.jpg);

	height: 83px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



#bottom {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/bottom.jpg);

	height: 106px;

	width: 900px;

	text-align: center;

	background-repeat: no-repeat;

}



.admin {

	margin-left:auto;

	margin-right:auto;

	width: 700px;

	text-align: center;

}



.mainbars {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/links.gif);

	height: 33px;

	width: 900px;

	background-repeat: repeat-y;

	text-align:justify;

	vertical-align: top;

}



.mainlinks {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/bg_main.jpg);

	height: 28px;

	width: 900px;

	background-repeat: repeat-y;

	text-align:justify;

	vertical-align: top;

}



#main {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/bg_main.jpg);

	width: 900px;

	background-repeat: repeat-y;

	text-align:justify;

	vertical-align: top;

}



#hautdepage {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/hautdepage.jpg);

	height: 100px;

	width: 900px;

	background-repeat: no-repeat;

	text-align:justify;

	vertical-align: top;

}



#fondslide {

	background-color: transparent;

	background-image: url(images/fond-slider.jpg);

	height: 300px;

	width: 900px;

	margin-left:auto;

	margin-right:auto;

}



.main {

	margin-left:auto;

	margin-right:auto;

	background-color: transparent;

	background-image: url(images/bg_main.jpg);

	width: 900px;

	background-repeat: repeat-y;

	text-align:justify;

	vertical-align: top;

}



.formulaire {

	background-image: url(images/fond_field.gif);

	height: 550px;

	width: 520px;

	font-family: 'EB Garamond', arial, serif;

	font-size: 12px;

	clear: none;

	float: none;

	position: fixe;

	margin-left:auto;

	margin-right:0px;

}



.formulairetemoin {

	background-image: url(images/fond_fieldtemoin.gif);

	height: 550px;

	width: 520px;

	font-family: 'EB Garamond', arial, serif;

	font-size: 12px;

	clear: none;

	float: none;

	position: fixe;

	margin-left:auto;

	margin-right:0px;

}



.cadrelittle {

	width: 270px;

	margin-left:0px;

	margin-right:auto;

}



.cadregrand {

	padding-top:0px;

	padding-bottom:10px;

	width: 520px;

	margin-left:auto;

	margin-right:0px;

}



.cadregrand-thumb {

	padding-top:0px;

	padding-bottom:4px;

	width: 520px;

	margin-left:auto;

	margin-right:0px;

}



.cadregrand-thumbtxt {

	padding-top:0px;

	padding-bottom:12px;

	width: 520px;

	margin-left:auto;

	margin-right:0px;

}



.cadrebig {

	width: 850px;

	margin-left:auto;

	margin-right:auto;

}



.espacelittle {

	width: 270px;

	height: 6px;

	margin-left:0px;

	margin-right:auto;

}



.espacegrand {

	width: 520px;

	height: 6px;

	margin-left:auto;

	margin-right:0px;

}



.espacephotos {

	width: 520px;

	height: 10px;

	margin-left:auto;

	margin-right:0px;

}



.espacebig {

	width: 850px;

	height: 6px;

	margin-left:auto;

	margin-right:auto;

}





.rollup a {

    width: 270px; height:100px;

    overflow: hidden;

    float: left;

}

.rollup img {

    border: none;

    margin: 0;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

}

.rollup a:hover img {

    margin-top: -100px;

}



.roll a {

    width: 254px; height:100px;

    overflow: hidden;

    float: left;

}

.roll img {

    border: none;

    margin: 0;

   

}

.roll a:hover img {



    margin-top: -100px;

	

}



.rollcontact a {

    width: 166px; height:100px;

    overflow: hidden;

    float: left;

}

.rollcontact img {

    border: none;

    margin: 0;

   

}

.rollcontact a:hover img {



    margin-top: -100px;

	

}





/* ******************************************************* */

/* ------------------------------------------------------- */

/* CSS Code by Uneville Design Studio - All right Reserved */

/*                  FORMULAIRE CONTACT V3                  */

/* ------------------------------------------------------- */

/* ******************************************************* */





.cadre-formulaire {

	padding-top:0px;

	padding-bottom:10px;

	width: 520px;

	margin-left:auto;

	margin-right:0px;

}



.texte-erreur {

	color:#C66;

}



.case-left {

	width: 190px;

	vertical-align:middle;

	text-align: left;

}



.case-right {

	width: 320px;

	vertical-align:middle;

	text-align: left;

}



.champsemail, .champsnom, .champtel {

	width: 300px;

	height:28px;

	background-color:#ffffff;

	border: 0px #e8e8e2 solid;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius:5px 5px 5px 5px;

	text-align:left;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	margin-bottom:10px;

	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #1c677a;

}



.champslettres {

	width: 300px;

	height:28px;

	background-color:#ffffff;

	border: 0px #e8e8e2 solid;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius:5px 5px 5px 5px;

	text-align:left;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	margin-bottom:10px;

	margin-top:10px;

	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #1c677a;

}



.champsmessage {

	width: 300px;

	height:180px;

	background-color:#ffffff;

	border: 0px #e8e8e2 solid;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius:5px 5px 5px 5px;

	text-align:left;

	padding-left:10px;

	padding-right:10px;

	padding-top:10px;

	padding-bottom:10px;

	margin-bottom:10px;

	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #1c677a;

}



.champsselect {

	width: 320px;

	height:38px;

	background-color:#ffffff;

	border: 0px #e8e8e2 solid;

	text-align:left;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius:5px 5px 5px 5px;

	padding-left:10px;

	padding-right:10px;

	padding-top:10px;

	padding-bottom:10px;

	margin-bottom:10px;

	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #1c677a;

}



.boutonenvoyer {

	width: 200px;

	height:38px;

	background-color:#16505e;

	border: 0px #069 solid;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

	text-align:center;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	padding-bottom:5px;

	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #ffffff;

	text-transform:normal;

	margin-top:0px;

	margin-bottom:5px;

}



.boutonenvoyer:hover {

	background-color:#1c677a;

	color:#fff;

	cursor:pointer;

}



.resa {

	width: 28px;

	height:28px;

	background-color:#31393b;

	border: 0px #069 solid;

	border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	-webkit-border-radius: 5px 5px 5px 5px;

	text-align:center;

	padding-left:10px;

	padding-right:10px;

	padding-top:0px;

	padding-bottom:5px;

	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #ffffff;

	text-transform:normal;

	margin-top:0px;

	margin-bottom:5px;

}



.resa:hover {

	background-color:#494c4d;

	color:#fff;

	cursor:pointer;

}



.trait {

	width: 520px;

	height:5px;

	background-color:transparent;

	background-image:url(images/separation-grand.gif); background-position:center,center; background-repeat:no-repeat;

	margin-left:auto;

	margin-right:auto;

}