@CHARSET "ISO-8859-1";
body {
	margin: 0;
	padding: 0;
	font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
	;
	background-repeat: repeat-x;
	background-color: white;
	background-image: url("bg.gif");
}
.fond_gris {
	background-image: url(fond_gris.png);
	background-repeat: repeat-y;
	background-position: right top;
}
#wrap {
	margin: 0 auto;
	width: 900px;
}
/* header */
#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 58px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #000;
	z-index: 1;
}
.cart_white {
	background-image: url(Cartouche%20blc_500.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header span#slogan {
	z-index: 2;
	position: absolute;
	left: 2px;
	bottom: -82px;
	color: #e2001a;
	width: 600px;
	font-family: Verdana, Arial, Tahoma, Sans-serif;
	font-size: 14pt;
	font-weight: normal;
}

#header-logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px
}

#header-logo-right {
	float: right;
	margin: 0;
	padding: 0;
}
#header ul {
	position: absolute;
	margin:0;
	list-style:none;
	right:70px;
	bottom: 2px;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	width: 399px;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {

}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}

/* main column */
#main {
	float: left;
	margin: 0; padding: 0;
	width: 630px;	
}
#main_black {
	float: left;
	margin: 0;
	padding: 0;
	width: 725px;
}
#main_black h1 {
	padding: 4px 0 4px 8px;
	font-size: 110%;
	color: #FFF;
	background-color: #e2001a;
	letter-spacing: 0.5px;
	;
	margin-top: 40px;
	margin-left: 0px
}

#main h1 {
	padding: 4px 0 4px 8px;
	font-size: 110%;
	color: #FFF;
	background-color: #e2001a;
	letter-spacing: 0.5px;
	;
	margin-top: 40px;
	margin-left: 0px
}

/* sidebar */
#sidebar {
	float: right;
	width: 260px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#sidebar h1 {
	font: bold 105% Arial, Sans-Serif;
	color: #FFF;
	text-transform: uppercase;
	background: #333;
	letter-spacing: 1px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 8px;
}

#sidebar .left-box {
	border: 1px solid #EBEBEB;
	margin: 0 0 5px 0;	
	background: #FFF;
}

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#sidebar ul.sidemenu a {
	font-weight: bolder;
	padding: 3px 0px;	
	background: none;
}
a {
	color: #003366;
	background-color: inherit;
	text-decoration: none;
}
a:hover {

}

.small {
	font-family: Arial;
	font-size: 10px
}
.small a {
	font-family: Arial;
	font-size: 10px;
	color: #e2001a;
}
.small a:hover {
	font-family: Arial;
	font-size: 10px;
	color: #FFF;
	background-color: #e2001a;
}

.dbl {
	background-color: #ebebe2
}
#main ul.menu {
	list-style: none;
	text-align: left;
	margin: 3px 0px 8px 0; padding: 0;
	text-decoration: none;		
}
#main ul.menu li {
	border-bottom: 1px solid #f2f2f2; 
	background: url(bullet.gif) no-repeat 3px 2px;	
	padding: 3px 5px 3px 25px;
	margin: 0;	
}
#main ul.menu a {
	font-weight: bolder;
	padding: 3px 0px;	
	background: none;
}

.hide {
	visibility: hidden	
}

.error {
	color: white;
	background-color: #e2001a
}
.stitre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
}
#titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36pt;
	text-decoration: none;
}
.titre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36pt;
	text-decoration: none;
	color: #000;
}
#titre {
	position: relative;
	top: 10px;
}
.st2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 22pt;
	color: #000;
}
.st1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #666;
}
.st12 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: #333;
}

.st1 a{
	color:#e2001a;
	background-color: #FFF;
}
.st1 a:hover{
	color: #FFF;
	background-color: #e2001a;
}
.st3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #666;
}

.st3 a{
	color:#e2001a;
	background-color: #FFF;
}
.st3 a:hover{
	color: #FFF;
	background-color: #e2001a;
}

.foot {
}
.foot a{
	color: #e2001a;
	background-color: #FFF;
}
.foot a:hover{
	color: #FFF;
	background-color: #e2001a;
}
.nav1 {
	padding: 10px;
	color: #FFF;
	background-color: #e2001a;
}

.nav a{
	padding: 10px;
	color: #e2001a;
	background-color: #FFF;
}
.nav a:hover{
	color: #FFF;
	background-color: #e2001a;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}
.nav2 {
	color: #FFF;
	background-color: #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
}
.smi {
	font-style: italic;
	color: #FF0000;
	font-weight: bold;
}.gris {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #666;
}
.ind {
	font-size: 9px;
	vertical-align: text-top;
}
.essai_back {
	background-image: url(essai2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.bot {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.bord_rond {
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	border: 2px solid #F00;
	padding: 5px;
}
.pub {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24pt;
	color: #58585a;
	font-weight: bolder;
}
.pub_small {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #303030;
	padding-top: 3px;
	padding-left: 20px;
}
.pub_small2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #303030;
	padding-top: 5px;
}
.pub_noire {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24pt;
	color: #303030;
	font-weight: bolder;
}
.txt_white {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}
a.txt_white {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
#p_titre {
	float: left;
	width: 500px;
	margin-top: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24pt;
	color: #58585a;
	font-weight: bolder;
	line-height: 130%;
}
#p_picto {
	float: left;
	width: 190px;
	margin: 50px 20px 0 0;
}
.p_pub_rouge {
	float: left;
	width: 180px;
	margin-top: 5px;
	background-color: #EE1C25;
	border-radius: 6px;
	padding: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #FFF;
	font-weight: bolder;
	line-height: 120%;
}
.p_pub_noire {
	float: right;
	width: 180px;
	background-color: #000;
	border-radius: 6px;
	padding: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #FFF;
	font-weight: bolder;
	line-height: 120%;
	margin-top: 30px;
	margin-bottom: 0;
	margin-left: 0;
}
.p_pub_logo {
	background-color: #FFF;
	margin-bottom: 5px;
}
.p_pub_rouge_titre {
	margin-top: 5px;
	background-color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12pt;
	color: #FFF;
	font-weight: bolder;
	line-height: 180%;
}
.p_pub_noire_titre {
	margin-top: 5px;
	background-color: #EE1C25;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12pt;
	color: #FFF;
	font-weight: bolder;
	line-height: 180%;
}
.p_separation {
	clear: both;
	height: 5px;
}
#p_fond_degrade {
	background-image: url(fond_degrade.png);
	background-repeat: repeat-y;
}
#p_iphone {
	position: absolute;
	top: 5px;
	left: 710px;
}
#p_cartouches {
	position: relative;
	width: 805px;
	padding: 10px 0;
}
.p_cartouche_top {
	height: 5px;
	background-image: url(cartouche_top.png);
	background-repeat: no-repeat;
}
.p_cartouche_middle {
	background: url(cartouche_middle.png) repeat-y;
}
.p_cartouche_bottom {
	height: 15px;
	background-image: url(cartouche_bottom.png);
	background-repeat: no-repeat;
}
.p_cartouche_titre {
	width: 500px;
	padding-left: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14pt;
	font-weight: bolder;
	color: #303030;
}
.p_cartouche_texte {
	width: 680px;
	padding-left: 12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	color: #303030;
}
.p_titre_onglet {
	color: #303030;
}
@media screen {
	.p_cartouche_texte {
		-webkit-text-size-adjust: 105%;
	}
	.TabbedPanelsContent {
		-webkit-text-size-adjust: 105%;
	}
}