/* |============================| */
/* |                                                        | */
/* | SOMMAIRE                                     | */
/* | -------------                                      | */
/* |                                                        | */
/* | I. Styles généraux                          | */
/* | II. Styles du Header                        | */
/* | III. Styles du Menu                          | */
/* | IV. Styles du Corps                        | */
/* | V. Styles de la Colonne de Droite  | */
/* | VI. Styles du Footer                       | */
/* |                                                        | */
/* |============================| */

/*STYLES GENERAUX*/
/*=================*/

body {
	width: 1024px;
	margin: auto;
	margin-top: 0px;
	font-family: Arial, "DejaVu Sans", Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: justify;
	background: url('images/fond.png') top center repeat-y;
	}
p#menu_top {
	font-size: small;
	color: #9c9e9f;
	text-align: center;
	}
a.top_link {
	color: #999999;
	text-decoration: none;
	}
a.top_link:hover {
	text-decoration: underline overline;
	}
a {
	color: #999999;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline overline;
	}
a:visited {
	color: #666666;
	}

/*STYLES DU HEADER*/
/*=================*/

div#header img {
	
	border-bottom: 1px solid #9c9e9f;
	}

	
/*STYLES DU MENU*/
/*===============*/
div#col_gauche {
	width: 187px;
	float: left;
	}

div#menu {
	width: 187px;
	list-style: none;
	text-indent: -9999px;
	/*border-left: 1px solid #9c9e9f;*/
	padding-left: 0px;
	}
div.menu_item {
	width: 187px;
	height: 40px;
	}
a.menu_link {
	text-decoration: none;
	color: black;
	}
div#intro {
	background: url('images/boutons/intro2.png') left top;
	}
a.menu_link:hover div#intro {
	background: url('images/boutons/intro2.png') left bottom;
	}
div#argumentaire {
	/*background: url('images/boutons/argumentaire2.png') left top;*/
	background: url('images/boutons/encoreresister.png') left top;
	}
a.menu_link:hover div#argumentaire {
	/*background: url('images/boutons/argumentaire2.png') left bottom;*/
	background: url('images/boutons/encoreresister.png') left bottom;
	}
div#campagne {
	background: url('images/boutons/campagne2.png') left top;
	}
a.menu_link:hover div#campagne {
	background: url('images/boutons/campagne2.png') left bottom;
	}
div#photo {
	background: url('images/boutons/photo2.png') left top;
	}
a.menu_link:hover div#photo {
	background: url('images/boutons/photo2.png') left bottom;
	}
div#pins {
	background: url('images/boutons/pins2.png') left top;
	}
a.menu_link:hover div#pins {
	background: url('images/boutons/pins2.png') left bottom;
	}
div#galeries {
	background: url('images/boutons/galeries2.png') left top;
	}
a.menu_link:hover div#galeries {
	background: url('images/boutons/galeries2.png') left bottom;
	}
div#goodies {
	background: url('images/boutons/goodies2.png') left top;
	}
a.menu_link:hover div#goodies {
	background: url('images/boutons/goodies2.png') left bottom;
	}
div#contact {
	background: url('images/boutons/contact2.png') left top;
	}
a.menu_link:hover div#contact {
	background: url('images/boutons/contact2.png') left bottom;
	}
div#presse {
	background: url('images/boutons/presse.png') left top;
	}
a.menu_link:hover div#presse {
	background: url('images/boutons/presse.png') left bottom;
	}


div#socialize {
	font-size: x-small;
	font-weight: normal;
	color: 9c9e9f;
	text-align: left;
	width: 130px;
	border-top: 1px solid #9c9e9f;
	border-bottom: 1px solid #9c9e9f;
	border-right: 1px solid #9c9e9f;
	margin-top: 15px;
	}
div#socialize a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	}
div#socialize a:hover {
	text-decoration: underline;
	}
div#socialize p {
	width: 120px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: x-small;
	font-weight: normal;
	text-align: center;
	}
img#facebook_badge {
	width: 70px;
	margin-left: 30px;
	margin-top: 10px;
	}
	
/*STYLES DU CORPS*/
/*================*/	

div#anim_presse{
position: fixed;
display:block;
z-index: 10;
width: 1030px;
height: 500px;
margin-left: -215px;
margin-top: -150px;

}
div#contents {
	width: 640px;
	border-left: 1px solid #9c9e9f;
	border-right: 1px solid #9c9e9f;
	margin-left: 200px;
	padding: 10px;
	z-index: 5;
	}
div#contents h1 {
	font-size: 1.2em;
	text-decoration: none;
	border-bottom: 1px dotted #9c9e9f;
	}
div#contents p {
	width: 400px;
	margin: auto;
	margin-top: 15px;
	
	}
span.TR {
	color: red;
	}
.liste_espace{
}
div#contents ul {
	margin:15px;
}

div#contents li {
	margin-top: 8px;
	list-style-type: none;
	
}
.img_pins{
float: left;
margin-right: 20px;
margin-top: 10px;
}
.titre_liste{
color: red;
font-size: 1.1em;
}
#partenaire{
width: 630px;
text-align:center;
margin-top: 35px;
}
#partenaire img{
margin-right: 35px;
margin-bottom: 35px;
}
#partenaire a{
	color: #FFFFFF;
	text-decoration: none;
	border: none;
}

#newsletter{
font-size: 0.7em;
margin-left: 30px;
}
.logotm{
text-align: right;
}	
/*page argu*/
/*==============================*/
div#page01 {
	margin-top: 30px;
	clear:none;
	}
p#getreader {
	margin-bottom: 0px;
	}
div.page {
	margin-top: 30px;
	margin-bottom: 30px;
	clear: both;
	border-top: 1px solid black;
	}
h3.ref {
	text-align: right;
	padding-right: 15px;
	}
img.visuel_argu, div.multi_visu {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	}
p.slogan {
	font-weight: bold;
	color: red;
	clear: both;
	}
p.encart {
	width: 150px !important;
	padding: 5px;
	margin-right: 10px !important;
	margin-left: 15px !important;
	margin-top: 0px !important;
	float: left;
	background-color: #ccc;
	text-align: center;
	}
p#menu_argu {
	border-left: 3px solid black;
	padding-left: 5px;
	margin-left: 5px;
	}
p.backtotop {
	font-size: small;
	text-align: right;
	}
h2.manchettes {
	width: 610px;
	margin: auto;
	}
p.localisation {
	font-weight: bold;
	margin-left: 15px !important;
	margin-bottom: 5px !important;
	}




	
/*STYLES DE LA COLONNE DE DROITE*/
/*==============================*/

div#right_col {
	width: 155px;
	float: right;
	}
div#right_col img {
	border: none;
	}

/*STYLES DU FOOTER*/
/*=================*/

div#footer {
	clear: both;
	}
div#footer img {
	border-bottom: 1px solid #9c9e9f;
	}
div#footer p {
	text-align: center;
	font-size: x-small;
	color: #9c9e9f;
	}
div#footer a {
	color: red;
	text-decoration: none;
	font-weight: bold;
	}
div#footer a:hover {
	text-decoration: underline;
	}
div#socialize p.social_links {
	font-size: x-small;
	font-weight: normal;
	text-align: left;
	}
	
img#visu_acc {
	margin-left: -10px;
	margin-top: 40px;
	margin-bottom: 0px;
	}
div#conditionscompletes {
	font-size: x-small;
	text-align: justify;
	width: 800px;
	margin: auto;
	}