* { margin: 0; padding: 0; border: 0; }


html, body {
	font: 12px Arial, Helvetica, sans-serif;
	background: url('/images/layout/bg-page.gif') repeat-x;	
	text-align: center; /* Pour centrer avec IE*/
}

ul {
	list-style-type: none;
}

h2 {
	border-bottom: 5px solid #f9bfce;
	color: #e5345f;
	font-size: 18px;
	letter-spacing: 0px;
	margin-bottom: 20px;
	padding-bottom: 4px;
}
h3 {
	color: #683e4a;
	border-bottom: 5px solid #e6d8db;
	font-size: 14px;	
	margin-bottom: 20px;	
	padding-bottom: 4px;	
}

h4 {
	color: #854059;
	/* VERT */
	color: #91a035;
	font-size: 12px;
	border-bottom: 2px solid #e6d8db;
	color: #683e4a;
	margin-bottom: 20px;	
	padding-bottom: 4px;
}

p {
	line-height: 14px;
	margin-bottom: 10px;
}

a {
	color: #e5345f;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

blockquote {
	font-size: 14px;
    color: #3e3e3e;
}	

pre {
	margin: 0;
	padding: 0;
	font-size: 11px;
}


textarea.code {
 width: 580px;
 border: 1px dashed #e8bdc9;
 padding: 10px;
}


#wrapper {
	margin: 0 auto;
	text-align: left; /* Pour centrer avec IE*/
	width: 960px;
	display: block;
	position: relative;
	padding-top: 20px;
}

#header {
	height: 60px;
	margin: 0px 0px 20px 0px; /* All */
}
#header h1, #header h1 a {
	width: 230px;
	height: 60px;
	display: block;
	float: left;
	overflow: hidden;
}
#header h1 a {
	background: url('/images/layout/logo.gif') no-repeat;
	text-indent: -5000px;
}

#quicknav {
	margin-top: 15px;
	width: 240px;
	height: 60px;
	display: block;
	float: right;
	text-align: center;
}
	#quicknav h4 {
		width: 240px;
		height: 30px;
		background: url('/images/layout/bg-quicknav.gif') no-repeat;
		color: #e53861;
		line-height: 30px;
		text-align: center;
		border: 0px;
		margin: 0;
		padding: 0;
	}
	#quicknav h4 a, #quicknav iframe {
		color: #e53861;
	}
	#quicknav h4 a:hover {
		color: #e53861;
		text-decoration: none;
	}	
	#quicknav ul {
		margin-top: 4px;
	}
	#quicknav li {
		display: inline;
		color: #9a9a9a;
		font-size: 11px;
		margin-right: 10px;
	}
	#quicknav li a {
		color: #9a9a9a;
		text-decoration: none;
	}
	
ul#navigation {
	width: 960px;
	height: 30px;
	clear: both;
	background: url('/images/layout/bg-navigation.gif') #412e35 repeat-x;
}

	ul#navigation li, ul#navigation li a {
		width: 120px;
		height: 30px;
		display: block;
		float: left;
		line-height: 30px;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 11px;
		font-weight: bold;
		overflow: hidden;		
	}
	
	#navigation li a {
		display: block;
		line-height: 30px;
		text-indent: -5000px;
		overflow: hidden;
		background-position: center center;
	}	
	#navigation li.active a, ul#navigation li.active a:hover {
		background-position: center top;
	}

	#navigation li a:hover {
		background-position: center bottom;
	}	

	#nav_home {
		background: url('/images/layout/bg-nav-home.gif') no-repeat;
	}
	#nav_stickers {
		background: url('/images/layout/bg-nav-stickers.gif') no-repeat;
	}	
	#nav_help {
		background: url('/images/layout/bg-nav-help.gif') no-repeat;
	}		
	#nav_news {
		background: url('/images/layout/bg-nav-news.gif') no-repeat;
	}			
	#nav_links {
		background: url('/images/layout/bg-nav-links.gif') no-repeat;
	}			
	#nav_contact {
		background: url('/images/layout/bg-nav-contact.gif') no-repeat;
	}					
	

#footer {
	width: 100%;
	height: 200px;
	position: relative;
	display: block;
bottom: 0;
	background: url('/images/layout/bg-footer.gif') #e6e0e2 repeat-x;
}
#footer_wrapper {
	margin: 0 auto;
	text-align: left;	
	width: 960px;
	display: block;
	font-size: 11px;
	color: #606060;
}
#legal {
	width: 610px;
	float: left;
	padding-top: 20px;
}
#legal ul {
	margin-top: 2px;
}
#legal ul li {
	display: inline;
	line-height: 14px;
	height: 14px;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #d9cbd0;
	display: block;
	float: left;
}
#legal ul li.last {
	border-right: 0px;
}
#legal ul li#rss_footer {
	background: url('/images/layout/rss_footer.gif') no-repeat;
	text-indent: 18px;
	height: 14px;
	line-height: 14px;
}
/*
#legal ul li a {
	color: #643c47;
}
*/
span.light {
	color: #c9bbc0;
}
ul#reflink {
margin:0;
padding: 0;
list-style-type: none;
width: 690px;
}
ul#reflink li {
display: inline;
font-size: 10px;
color: #c9bbc0;
margin-right: 5px; 
}
ul#reflink li a {
text-decoration: none;
color: #c9bbc0;
}
ul#reflink li a:hover {
text-decoration: underline;
}
#credits {
	padding-top: 20px;
	float: right;
	width: 100px;
}
	
	/* Logo Evasion */
	#credits h1 {
		margin: 0;
		padding: 0;
		width: 80px; 
		height: 20px;  				
		overflow: hidden; 		
		display: block; 		
		text-indent: -5000px; 		
	}
	
	#credits h1 a { 
		display: block; 
		background: url('/images/layout/evasion.gif') no-repeat; 
		background-position: 0 0px;
		overflow: hidden; 
		width: 80px; 
		height: 20px;  		
		text-indent: -5000px; 
	}	
	#credits h1 a:hover {
		background-position: 0 -20px;
	}	


.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0px; padding:0px;	background:transparent; }	

.right_wrapper {
	margin: 20px;
}
.leftimg {
	float: left;
	margin-right: 20px;
}
.rightimg {
	float: right;
	margin-left: 20px;
}

ul.arrow {
list-style-type:none;
	margin-bottom: 20px;
}
ul.arrow li {
list-style-type: none;
	background: url('/images/layout/icon-arrow.png') no-repeat;
	text-indent: 20px;
	border-bottom: 1px solid #ece0e4;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
ul.arrow li a {
	color: #262626;
	text-decoration: none;
}
ul.arrow li a:hover {
	color: #e5345f;
}
.note {
color: #808080;
font-size: 11px;
}

.col {
	width: 150px;
    display: block;
    overflow: hidden;
    float: left;
}
.col_wrapper {
	margin-right: 30px;
}
.left {
	float: left;
}	

.left_newsletter {
	float: left;
	height: 16px;
	padding-left: 4px;
	padding-top: 2px;
	margin-right: 10px;
	color: #808080;
}	

/** PAGE **/
#breadcrumb {
	width: 960px;
	height: 30px;
	display: block;
	background: url('/images/layout/layout/bg-breadcrumb.gif') #6e424f repeat-x;
	line-height: 30px;
	color: #f8bfce;
	font-size: 11px;
	text-indent: 10px;
}

#breadcrumb a {
	color: #f8bfce;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #ffffff;
}

#main {
	width: 600px;
	display: block;
	float: left;
	padding: 40px 0px 0px 10px;
}
#right {
	width: 250px;
	float: right;
	display: block;
	background: url('/images/layout/bg-subnav.jpg') no-repeat;
	min-height: 410px;
	height: auto;
	padding-top: 5px;
}

#subnav li {
	height: 26px;
	line-height: 26px;
	text-indent: 20px;
	display: block;
	/*border-bottom: 1px solid #e2d9db;*/
	background: url('/images/layout/split-subnav.png') no-repeat;
	background-position: bottom;
}
#subnav li.active {
	height: 30px;
	line-height: 28px;
	background: url('/images/layout/subnav-active.png') no-repeat;
	background-position: bottom;
}

#subnav li a {
	text-decoration: none;
	color: #453038;
}
#subnav li a:hover {
	color: #e5345f;
}
#subnav li.active a {
	font-weight: bold;
}





/* TARIFS */

table {
    width: 100%;
    border-collapse: collapse;
}

td, th {
    width: 175px;    
    border: 1px solid #decdd3;
}

thead th.heading {
    width: 155px;
    padding: 10px;
    text-align: left;
    background: #633b47;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
}
tr th, tr th a {
    background: #fdecf0;
    color: #401b3a;
    text-align: left;
	text-decoration: none:
}
tr th a:hover {
	color: #e5345f;
}
tr.odd th {
background: #ffffff;
    /*background: #fbdfe6;*/
}
tr th, tr td {
    padding: 10px;
}
td {
	text-align: center;
    color: 4a4a4a;
}


/* FAQ */
ul#faq {
	margin-top:				15px;
	margin-bottom:			30px;
}

ul#faq li {
	background:				transparent url('/images/aide/icon-question.gif') 0px 0px no-repeat;
	padding:				0 0 5px 25px;
	line-height:			18px;
	margin:					5px 0;
}


#rss_link {
	color: #949494;
	text-decoration: none;
	background: url('/images/layout/icon-rss.gif') no-repeat;
	padding-left: 25px;
	font-size: 11px;
	height: 16px;
	line-height: 16px;
	display: block;
}	

.linkcol {
	width: 170px;
	display: block;
	float: left;
	margin-right: 45px;
}
.linkcol ul.arrow li {
	font-size: 11px;
}

.infobox {
	margin-bottom: 20px;
}

p.infobulle {
	background: url('/images/layout/icon-info.gif') no-repeat;
	text-indent: 45px;
	height: 30px;
	line-height: 30px;
	color: #969696;
	font-style:italic;
}
p.infowarn {
	background: url('/images/layout/icon-warn.gif') no-repeat;
	text-indent: 45px;
	height: 30px;
	line-height: 30px;
	color: #6f4250;
	font-weight: bold;
}



#main input {
	border: 1px solid #c8c8c8;
}




/* GABARITS */
#gabarits {
	width: 600px;
	height: 100px;
	background: url('/images/layout/bg-gabarits.gif') no-repeat;
	display: block;
}
#gabarits h4 {
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 15px;	
	color: #739b1e;
	border-bottom: 2px solid #fbdee6;
}
#gabarits fieldset {
 position: expression('relative');
 background: none;
 margin: 0px;
 width: 480px;
 padding: 20px 0px 0px 20px;
 border: 0px;
}









/* FORM CONTACT */

#contact_form fieldset {
 position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
 padding: 10px 10px 15px 10px;
 background-color:#ffffff;
 margin: 20px 0;
 border: 2px solid #f9bfce;
}

#contact_form legend {
 position: expression('absolute'); 
 top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
 padding: 0 20px;
 height: 32px;
 line-height: 32px;
 text-align: center;
 background: url('/images/layout/legend.gif') center no-repeat;
 color: #6f4250;
 font-weight: bold;
 text-transform: uppercase;
}

/* .label is typically used on a span or p tag to label a radio or checkbox group */
#contact_form label.preField, .label {
 display: -moz-inline-box;
 display: inline-block; 
 width: expression('7em'); /* Min-width for IE6 */
 min-width: 7em; 
 padding: 0 2px;
 margin: 0 4px 0 0;
 height: 26px;
}
#contact_form .label { display: block; width: auto; }

/* Repeat Behavior */
#contact_form .repeat {
 border: 2px solid #f9bfce;
 background-color: #FFFFFF;
 margin: 3px 0;
 padding-right: 6px;

}

#contact_form textarea {
 padding: 0;
 vertical-align: top;
 margin: 4px 0 1px 0;
 border: 1px solid #cdcdcd;
 width: 435px;
 height: 150px;
}
#contact_form input {
 border: 2px solid #cdcdcd;
 height: 22px;
 margin: 1px 0;
}
#contact_form input[image] {
width: auto;
height: auto;
border: 0px;
}
#contact_form input[type=text], #contact_form input[type=password] {
 width: 170px;
 height: 22px;
 border: 1px solid #cdcdcd;
}
#contact_form select {
 padding: 0;
 margin: 2px 0 1px 0;
 border: 1px solid #cdcdcd;
}
#contact_form .reqMark {
 color: #ef3266;
 margin: 0 3px; 
}


.toggler {
	background: url('/images/aide/bg-toggler.gif') #ffffff no-repeat;
	background-position: bottom;
	border-top: 1px solid #e6d8db;
	border-bottom: 4px solid #e6d8db;	
	color: #886770;
	padding: 2px 20px;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 0px;
	margin-top: 4px;
	height: 30px;
	display: block;
	line-height: 30px;
}
.toggler_element {
	margin: 0px;
	padding: 0px;
	background: url('/images/layout/bg-lexique.gif') no-repeat;
}
.toggler_wrapper {
	margin: 20px;
	min-height: 100px;
}

.news_footer {
margin-top: 20px;
border-top: 1px solid #d6d6d6;
padding-top: 4px;
font-size:11px;
color: #808080;
}
.news_footer a {
color: #808080;
}

a#partenaire {
/*
filter:alpha(opacity=80);  
-moz-opacity: 0.8;  
opacity: 0.8;
*/
}

a#partenaire:hover {
/*
filter:alpha(opacity=100);  
-moz-opacity: 1;  
opacity: 1;
*/
}

.helpindex {
	float: right;
	width: 530px;
	display: block;
}
.helpindex strong {
	font-weight: normal;
}

#right input {
 border: 1px solid #cdcdcd;
 height: 22px;
 line-height: 22px;
 margin: 1px 0
}
input.submit, input[image], input[image].submit {
	border: 0px;
}




/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/

.sIFR-active h2 {
  visibility: hidden;
  line-height: 1em;
  font-size: 18px;
}
.sIFR-active h3 {
  visibility: hidden;
  line-height: 1em;
  font-size: 14px;
}
.sIFR-active h3.pink {
  visibility: hidden;
  line-height: 1em;
  font-size: 14px;
}

@charset "UTF-8";
/* CSS Document */