/* ******************************************************** PARTIE COMMUNE ********************************** */
body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	margin: 0;
}
html, body {
	height: 100%;
	width: 100%;
}
.cadre
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #B8B8B8;
}
/* ****************************************************** GESTION DES MENUS ********************************** */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
* { 
	outline: none;
}
/* ******************************************************** GESTION DES LIENS ********************************** */
a {
	color: #B2CEF6;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a.lien {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FC005F;
	text-decoration: underline;
}
a.lien:hover {
	text-decoration: underline;
}
a.lien_s {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FC005F;
	text-decoration: none;
}
a.lien_s:hover {
	text-decoration: underline;
}
/* ****** GESTION ENVOYER A UN AMI *********** */
a.send_friend {
	height:14px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	padding: 0 15px 2px 5px;
	margin: 0 3px 0 0;
	background: #fff url('/contact_friend/design/ico_friend.gif') no-repeat right top;
}
a.send_friend:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding: 0 15px 2px 5px;
	margin: 0 3px 0 0;
	background: #f4f4f4 url('/contact_friend/design/ico_friend_on.gif') no-repeat right top;
}
/* ******************************************************** GESTION MENUS ********************************** */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* ****** GESTION MENU TOP *********** */
.menu_top_separateur {
	background: url('/design/images/menu_hachure.gif') repeat-x bottom;
}
a.menu_top {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #797979;
	text-decoration: none;
	text-transform: uppercase;
	padding: 101px 8px 19px 8px;
	border-top: 8px solid #fc005f; /* 41B046 VERT */
	background-color: #fff;	
}
a.menu_top:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 101px 8px 19px 8px;
	border-top: 8px solid #fc005f;
	background-color: #fc005f;
}
a.menu_top_on, a.menu_top_on:hover {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 101px 8px 19px 8px;
	border-top: 8px solid #fc005f;
	background-color: #fc005f;
}
/* ****** GESTION MENU BOTTOM *********** */
a.menu_bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 6px 4px 6px;
}
a.menu_bottom:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 6px 4px 6px;
	background-color:#DDDDDD;
}
a.menu_bottom_on, a.menu_bottom_on:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 4px 6px 4px 6px;
	background-color:#546C92;
}
/* ****** GESTION PUSH DON *********** */
a#push_don {
	width:129px !important;
	width:219px;
	height:45px;
	display:block;
	background:url(/design/images/push-don.gif) no-repeat top left;
	padding:70px 20px 10px 70px;	
	text-decoration:none;
	color:#fff;
	margin:0 auto;
}

a#push_don:hover 		{ background:url(/design/images/push-don.gif) no-repeat 0px -125px; }
a#push_don span			{ color:#fff; text-decoration:none; }
a#push_don:hover span	{ color:#fff; text-decoration:underline; }

/* ****** GESTION PUSH QUIZ *********** */
a#push_quiz {
	background: url(/design/images/push-quiz.gif) no-repeat left top;
	display: block;
	float: left;	
	height: 80px;	
	margin: 0 14px 10px 0;
	width: 125px;
}
a#push_quiz:hover { background-position: left bottom; }
a.btn_quiz_rejouer {
	background-color: #7789a3;
	color: #fff;
	float: right;
	padding: 3px 6px;
}
a.btn_quiz_rejouer:hover {
	background-color: #26426a;
}


/* ******************************************************** GESTION LIENS NAVIGATION ********************************** */
.barre_navigation ul {
	list-style-type: none;
}
.barre_navigation li {
	float: left;
}
.barre_navigation li a, .barre_navigation li span.disable_lien_nav, .barre_navigation li span.fleche_nav, .barre_navigation li span.fleche_nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	background-color: #7789A3;
	border: 1px solid #d1ced2;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
}
.barre_navigation li a:hover {
	background-color: #FF33CC;
	border: 1px solid #d1ced2;
}
.barre_navigation li span {
	cursor: default;
}
.barre_navigation li span.lien_nav_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	height: 14px;
	padding: 3px 5px;
	background-color: #FC005F;
	border: 1px solid #d1ced2;
	text-decoration: none;
	color: #fff;
	float: left;
	line-height: 14px;
	margin: 0 2.5px;
	font-weight: bold;
}
.barre_navigation li a.fleche_nav, .barre_navigation li span.fleche_nav {
	margin-right: 5px;
}
.barre_navigation li a.fleche_nav2, .barre_navigation li span.fleche_nav2 {
	margin-left: 5px;
}
.barre_navigation li span.disable_lien_nav {
	color: #ccc;
}
.barre_navigation .infos_nav {
	display: block;
	margin: 5px 3px;
	color: #fff;
}
/* ******************************************************** GESTION LIENS NAVIGUATION ********************************** */
/*
.lien_nav {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
a.lien_nav {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 0px 6px;
}
a.lien_nav:hover {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #7789A3;
	background-color: #7789A3;
	padding: 0px 6px;
}
.lien_nav_on {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fc005f;
	background-color: #fc005f;
	padding: 0px 6px;
}
*/
/* ******************************************************** GESTION DES TEXTES ********************************** */
.t1 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	line-height: 28px;
	}
.t2 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #797979;
	line-height: 28px;
}
.t3 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #495F84;
	line-height: 20px;
	margin:0;
}
.t3_ {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #B2CEF6;
	line-height: 20px;
	margin:0;
}
.t4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #B2CEF6;
}
.m {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #4E4E4E;
	line-height:15px;
}
.m_blanc {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff; 
	line-height:15px;
}
.m_gris {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666; 
	line-height:15px;
}
.m_need {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #f00; 
	line-height:15px;
}
.s {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #797979; 
}
.s_blanc {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff; 
	text-decoration: none;
}
.s_need {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #f00; 
}
.s_gris {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666; 
}
.copyright {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #797979; 
}
/* ******************************************************** GESTION DES FORMULAIRES et BOUTONS ********************************** */
.form_login {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	height:15px;
	line-height: 15px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #999;
	border-left: 1px solid #333;
	padding: 1px 2px 1px 2px;
	margin: 0 0 4px 0;
}
.form_ok {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f60;
	height: 15px;
	width: 29px;
	background:  url(/design/images/bt_ok.gif) no-repeat center center;
	border: none;	
}
.form {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #495F84;
	text-decoration: none;
	background-color: #CCD3DE;
	padding:3px 3px 3px 10px;
	border: 1px none #CCD3DE;
	border-left: 4px solid #CCD3DE;
}
.form_need {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #495F84;
	text-decoration: none;
	background-color: #CCD3DE;
	padding:3px 3px 3px 10px;
	border: 1px none #CCD3DE;
	border-left: 4px solid #BA529F;
}
.form_need_mention {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	color: #ccc;
	text-indent: 2px;
	border-top: 1px inset #666;
	border-right: 1px inset #ccc;
	border-bottom: 1px inset #ccc;
	border-left: 4px solid #BA529F;
	padding: 0 0 1px 10px;
	background-color: #495F84;
}
.form_bt {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	border: 1px solid #999;
	text-decoration: none;
	background-color: #BA529F;
	text-align: center;
	width: 80px;
}
/* ****************************************************** GESTION DES IMAGES ********************************** */
.xs {
	border: 1px solid #7789A3;
}
.bgtop {
	background-repeat: repeat-x;
	background-position: top;
}
.bgone {
	background-repeat: no-repeat;
	background-position: top;
}
.bgbottom {
	background-repeat: repeat-x;
	background-position: bottom;
}
img {
	border: 0;
}
/* ******************************************************** GESTION DES POSITION ********************************** */
.txt_align_center {
	text-align: center;
}
.txt_align_justify {
	text-align: justify;
}
/* ******************************************************** GESTION DES COULEURS ET BACKGROUND ********************************** */
.bg_color_info {
	background-color: #990000;
}
.bg_color_error {
	background-color: #990000;
}
.bg_color_blanc {
	background-color: #FFFFFF;
}
.bg_color_gris {
	background-color: #EEEEEE;
}
.bg_color_0 {
	background-color: #536C91; /* FOND - BLEU */
}
.bg_color_1 {
	background-color: #FC005F; /* FOND MENU - ROSE */
}
.bg_color_2 {
	background-color: #495F84; /* FOND MENU - BLEU FONCE */
}
.bg_color_3 {
	background-color: #7789A3; /* FOND MENU - BLEU CLAIR */
}
.bg_color_4 {
	background-color: #495F84; /* FOND MENU - BLEU FONCE */
}
.bg_color_5 {
	background-color: #F6F6F6; /* FOND BOX - GRIS CLAIR */
}
/* ******************************************************** GESTION BACKGROUND  ********************************** */
.bg {
	background: #fff url('/design/pixelblanc.gif');
}
.bg_ombre {
	background: #F6F6F6 url('/design/images/bg_02.jpg') no-repeat left top;
}
.bg_photo_horloge {
	background: #536C91 url('/design/photos/horloge.jpg') no-repeat right bottom;
}
.bg_photo_presentation {
	background: #536C91 url('/design/photos/presentation.jpg') no-repeat left bottom;
}
.bg_photo_avc_infos {
	background: #536C91 url('/design/photos/avc_infos.jpg') no-repeat right bottom;
}
.bg_photo_contact {
	background: #536C91 url('/design/photos/contact.jpg') no-repeat right bottom;
}
.bg_photo_contact_m {
	background: #536C91 url('/design/photos/contact_m.jpg') no-repeat left bottom;
}
.bg_photo_solutions {
	background: #536C91 url('/design/photos/solutions.jpg') no-repeat right bottom;
}
