@import url("reset.css");

/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
	FAMILLES DE POLICES
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", Norasi, serif;
	
*/
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

body{
	color:#1d3f53;
	font-size:75%;	/* 1em = 12px */
	background:#fff url(../img/bg_body.png) left top repeat-x;
}

#main{
	background:url(../img/bg_nuages.jpg) center top no-repeat;
}

.center{
	text-align:center;
}

a{
	color:#7f350a;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.marron{
	text-align:justify;
	color:#7f350a;
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/

#header{
	width:956px;
	padding-top:7px;
	margin:0 auto 3px;
}

#header #logo{
	float:left;
	margin-top:20px;
}

#header #logo img{
	display:block;
}

#header #logo a{
	outline:0;
}

#header #pub{
	height:90px;
	float:right;
}

#header #pub img{
	display:block;
}

#header #slogan{
	height:28px;
	clear:both;
	background:url(../img/slogan.png) left bottom no-repeat;
}

#header #slogan span{
	position:absolute;
	left:-9999em;
}

/* PAGE
--------------------------------------------------------------------------------------------------------------------------------------*/

#page{
	width:980px;
	margin:auto;
	padding:35px 10px 20px;
	background:url(../img/bg_page.png) left top no-repeat;
}

/********** SIDEBAR **********/

#sidebar{
	width:205px;
	float:left;
	padding-top:5px;
	display:inline;
	margin-right:12px;
}

#sidebar p{
	margin-bottom:25px;
}

/* MENU */

#menu{
	margin-bottom:18px;
}

#menu li{
	font-weight:bold;
	font-size:1.08em;
	line-height:1.2em;
	text-decoration:none;
	background:url(../img/bg_menu.png) left bottom no-repeat;
}

#menu a{
	color:#0171b5;
	display:block;
	outline:0;
	height:21px;
	text-decoration:none;
	padding-top:5px;
	padding-left:27px;
}

#menu a:hover{
	color:#024f7d;
}

#menu .full{
	color:#024f7d;
	text-transform:uppercase;
}

#menu .active, #menu .active:hover{
	color:#fff !important;
	background-position:left top;
	background-repeat:no-repeat;
}

#menu .acc:hover{color:#0171B5}
#menu .ana:hover{color:#db6800}
#menu .vai:hover{color:#0059c0}
#menu .viv:hover{color:#b72830}
#menu .tem:hover{color:#469d3d}

#menu .acc.active, #menu .vai.active, #menu .act.active{background-image:url(../img/bg_menu_active.jpg)}
#menu .ana.active{background-image:url(../img/bg_menu_ana.jpg)}
#menu .viv.active{background-image:url(../img/bg_menu_viv.jpg)}
#menu .tem.active{background-image:url(../img/bg_menu_tem.jpg)}
#menu .vid.active{background-image:url(../img/bg_menu_vid.jpg)}
#menu .lie.active{background-image:url(../img/bg_menu_lie.jpg)}

/* ANNEY */

#sidebar .descAnney{
	width:150px;
	padding:10px;
	margin:0 auto 25px;
	color:#3d0006;
	display:block;
	font-size:0.83em;
	text-align:center;
	text-decoration:none;
	border:1px solid #e7e7e7;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

#sidebar .descAnney img{
	display:block;
	margin:0 auto 15px;
}

#sidebar .descAnney span{
	display:block;
	color:#8c0c1c;
	text-align:center;
	margin-bottom:12px;
}

#sidebar .descAnney strong{
	color:#666;
	font-size:1.2em;
}

#sidebar .tip{
	width:165px;
	margin:0 auto;
}

#sidebar .tip img{
	display:block;
	margin:0 auto 15px;
}

#sidebar .tip h2{
	font-size:1.08em;
	color:#26519f;
	padding-bottom:3px;
	margin-bottom:3px;
	text-transform:uppercase;
	border-bottom:1px solid #9fc3df;
}

#sidebar .tip h3{
	font-size:1.08em;
	color:#26519f;
	margin-bottom:3px;
}

#sidebar .tip p{
	margin:0;
	color:#1d3f53;
	font-size:0.92em;
	text-align:left;
}

#sidebar #btnPaypal{
	width:184px;
	height:91px;
	outline:0;
	margin:0 auto;
	display:block;
	background:url(../img/btn_paypal.png) left top no-repeat;
}

#sidebar #btnPaypal span{
	position:absolute;
	left:-9999em;
}

#sidebar #btnPaypal:hover{
	background-position:left -91px;
}

/********** CONTENT **********/

#content{
	width:577px;
	float:left;
	display:inline;
	margin-right:10px;
	margin-bottom:30px;
	position:relative;
}

#content  .stdTitle{
	height:24px;
	color:#fff;
	margin:0 auto;
	font-size:1.5em;
	padding-left:42px;
	padding-top:10px;
	text-transform:uppercase;
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url(../img/bg_main_title.jpg);
}

#content .titleBlue{background-image:url(../img/bg_title_blue.png)}

#content .titleRed{background-image:url(../img/bg_title_red.jpg)}

#content .titleGreen{background-image:url(../img/bg_title_green.jpg)}


#content .visuMain{
	display:block;
	margin:0 0 15px 6px;
}

#content h3{
	width:557px;
	color:#c65701;
	font-size:1.33em;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../img/ico_arr_title.png) left 7px no-repeat;
}

#content h3 span{
	display:block;
	padding-bottom:5px;
	padding-left:2px;
	background:url(../img/bg_title_cat.png) left bottom repeat-x;
}

#content .titleHome{
	background:none;
	margin-bottom:20px;
}

#content p, #content ul{
	padding:0 10px;
	text-align:justify;
	margin-bottom:15px;
}

#content li{
	line-height:1.5em;
}

#content .btnCenter{
	text-align:center;
	margin-top:30px;
}

#content .btnCenter a{
	display:block;
	width:265px;
	height:58px;
	outline:0;
	margin: 0 auto;
	background-position:left top;
	background-repeat:no-repeat;
}

#content .btnCenter a:hover{
	background-position:left -58px;
}

#content .btnCenter span{
	position:absolute;
	left:-9999em;
}

#content .btnCenter .vaincre{background-image:url(../img/btn_vaincre.png)}

#content .btnCenter .statistiques{background-image:url(../img/btn_statistiques.png)}

#content .btnCenter .securite{background-image:url(../img/btn_securite.png)}

#content .btnCenter .saviez-vous{background-image:url(../img/btn_le_saviez_vous.png)}

#content .btnCenter .bien-vivre{background-image:url(../img/btn_bien_vivre.jpg)}

#content .btnCenter .temoignages{background-image:url(../img/btn_temoignages.jpg)}

#content .last{
	margin-bottom:0;
}

/* HOME */

#content.contentHome{
	padding-top:277px;
}

#presHome{
	width:540px;
	height:167px;
	position:absolute;
	top:-13px;
	left:9px;
	padding-top:117px;
	padding-left:20px;
	background:url(../img/visu_home.jpg) left top no-repeat;
}

#presHome h2{
	position:absolute;
	left:-9999em;
}

#presHome h3{
	color:#074d88;
	background:none;
	font-size:1.83em;
	font-weight:normal;
	margin-bottom:17px;
}

#presHome p{
	color:#e87800;
	font-size:1.08em;
	line-height:1.2em;
}

#content .mainRubs{
	height:1%;
	padding:0 0 0 4px;
	overflow:hidden;
	margin-bottom:2px;
}

#content .mainRubs li{
	float:left;
	margin:2px;
	display:inline;
}

#content .mainRubs a{
	width:257px;
	height:79px;
	display:block;
	color:#fff;
	outline:0;
	text-decoration:none;
	padding-left:25px;
	padding-top:17px;
}

#content .mainRubs a:hover{
	background-position:left -96px !important;
}

#content .mainRubs strong{
	display:block;
	font-size:1.25em;
	margin-bottom:10px;
	text-transform:uppercase;
}

#content .mainRubs span{
	display:block;
	line-height:1.2em;
}

#content .mainRubs .hidden{
	position:absolute;
	left:-9999em;
}

#content .mainRubs .orange a{background:url(../img/link_orange.png) left top no-repeat}
#content .mainRubs .bleu a{background:url(../img/link_bleu.png) left top no-repeat}
#content .mainRubs .vert a{background:url(../img/link_vert.png) left top no-repeat}
#content .mainRubs .rouge a{background:url(../img/link_rouge.png) left top no-repeat}
#content .mainRubs .fonc a{background:url(../img/btn_fonc_avion.png) left top no-repeat}
#content .mainRubs .stats a{background:url(../img/btn_stats.png) left top no-repeat}
#content .mainRubs .secu a{background:url(../img/btn_secu.png) left top no-repeat}
#content .mainRubs .saviez a{background:url(../img/btn_saviez_vous.png) left top no-repeat}

#content .listInfos{
	height:1%;
	padding:0;
	padding:0 9px;
	overflow:hidden;
}

#content .listInfos li{
	float:right;
	width:275px;
	overflow:hidden;
}

#content .listInfos .left{
	float:left;
}

#content .listInfos .left h2{
	color:#26519f;
	border-bottom:1px solid #b6d4b1;
}

#content .listInfos img{
	float:left;
}

#content .listInfos .desc{
	width:165px;
	float:right;
}

#content .listInfos h2{
	font-size:1.08em;
	color:#26519f;
	padding:5px 0 3px;
	margin-bottom:3px;
	text-transform:uppercase;
	border-bottom:1px solid #9fc3df;
}

#content .listInfos h3{
	font-size:1.08em;
	color:#26519f;
	background:none;
	padding:0;
	width:auto;
	margin-bottom:3px;
}

#content .listInfos p{
	margin:0;
	padding:0;
	text-align:left;
	font-size:0.92em;
}

#content .legende{
	margin-bottom:3px;
	font-weight:bold;
	color:#7f350a;
}

#content h4{
	color:#c65701;
	padding:0 10px;
	margin-bottom:15px;
	font-size:1em;
	text-transform:uppercase;
}

#content .blocVideo{
	padding-top:10px;
	overflow:hidden;
	height:1%;
	margin:0px 10px 10px;
	border-top:1px dotted #6795b1;
}

#content .blocVideo img{
	float:left;
}

#content .blocVideo .desc{
	float:right;
	width:310px;
}

#content .blocVideo h4{
	padding:0;
	padding-top:3px;
	font-size:1.33em;
}

#content .blocVideo p{
	padding:0;
	text-align:left;
}

#content .blocVideo .lien{
	margin:0;
}

#content .blocVideo a{
	color:#e88003;
}

/********** RIGHT NAV **********/

#rightNav{
	float:left;
	width:165px;
	padding-top:3px;
}

#animF5{
	margin-top:567px;
}

#animF5 p{
	margin:10px 0;
	font-weight:bold;
	color:#e88003;
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	text-align:center;
	padding-left:20px;
}

#footer li{
	color:#235aa6;
	display:inline;
	padding-right:8px;
	margin-right:2px;
	font-size:0.83em;
	background:url(../img/footer_spacer.png) right center no-repeat;
}

#footer a{
	color:#235aa6;
}

#footer .last{
	margin:0;
	padding:0;
	background:none;
}