/*************************/
/***    RESET         **********/
/************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
body {	line-height: 1;	color: black;	background: white;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
/******************************************/
/***          FIN RESET                 *****************/
/*****************************************/
ul
{
list-style-type:disc;;
}
li
{
padding-left:7px;
}
.clear
{
clear:both;
}
.justify{text-align:justify;}
.center{text-align:center;}
a
{
color:#317EA4;
text-decoration:underline;
}
a:hover
{
color:#FF8000;
text-decoration:none;
}
hr
{
margin:15px 0px 15px 0px;
color:#29A2D6;
background-color:#29A2D6;
height: 1px;
border: 0;
}
p
{
margin:5px 0 5px 0;
}
/****************************/
html
{
font-size:100%;
}
body
{
 		font-family:verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
		font-size:72%;
		background:#000;
		color:#333;
		line-height:160%;
		margin:0;
		padding:0;
}
#header
{
width:980px;
height:130px;
margin:0px auto;
background: black url(../img/header-bg-blue.png) center no-repeat;
border:0px solid silver;
}
#top-header
{
float:right;
width:300px;
margin:0 auto 0 auto;
padding:15px 40px 0px 0px ;
color:silver;
height:0px;
text-align:right;
border:0px solid silver;
}
#header h1 
{
font-size:25px;
padding: 35px 0 0 15px;
color:white;
letter-spacing:0.03em;
line-height:25px;
}
#header h1 a
{
color:white;
text-decoration:none;
}
#header h1 span
{
color:#80FFFF;
}
#conteneur-top
{
background:  url(../img/conteneur-top.png) no-repeat;
margin:auto;
height:15px;
width:960px;
}
#conteneur-bottom
{
background:  url(../img/conteneur-bottom.png) no-repeat;
margin:auto;
height:15px;
width:960px;
}
#conteneur
{
margin:0 auto 00px auto;
width:960px;
border:0px solid #ACC1CA;
background: #D9E4EA url(../img/conteneur-middle.png)  top repeat-y;
}
#conteneur2
{
margin:0 auto 0px auto;
width:960px;
border:1px solid #ACC1CA;
background:white;
padding:15px;
}
#nav
{
width:940px;
height:45px;
background:  url(../img/nav.png)  no-repeat;
margin:-10px auto 20px auto;
padding:0 0 0 20px;
}
#nav a
{
float:left;
display:block;
color:white;
font-size:14px;
padding:3px 3px 3px 3px;
text-decoration:none;
margin:10px 20px 0 0;
letter-spacing:0.03em;
border-bottom:2px solid transparent;
}
#nav a:hover
{
/*background:#469DCC;*/
border-bottom:2px solid #89B0D3;
color:#80FFFF;
}
#nav .selected
{
border-bottom:2px solid #89B0D3;
color:#80FFFF;
}
#left
{
float:left;
width:660px;
margin:0px 0 10px 20px;
border:0px solid silver;
}
#left a
{
color:#FF732F;
text-decoration:underline;
}
#left a:hover
{
color:#1B6C8F;
text-decoration:none;
}
#left ul
{
padding:10px 0 10px 30px;
}
#left h2
{
font-size:160%;
margin:10px 0 15px 0;
font-weight:bold;
font-family:georgia;
color:#2180B8;
}
#right
{
float:right;
margin:10px;
border:0px solid silver;
width:240px;
}
#right ul
{
padding:10px 0 10px 25px;
}
#right ul a
{
text-decoration:none;
}
#right h2
{
font-size:130%;
margin:5px 0 10px 0;
font-weight:bold;
font-family:georgia;
color:#2180B8;
letter-spacing:0.03em;
}
#footer
{
width:940px;
margin:auto;
margin-top:10px;
border-bottom:0px solid #555;
text-align:center; 
color:silver;
margin-bottom:100px;
font-size:11px;
}
#footer h2
{
color:white;/*#FCDA94;*/
font-size:13px;
margin:0 0 7px 0;
text-align:center;
padding-bottom:5px;
border-bottom:1px solid #777;
}
#footer a
{
color:#6CB3D5;
text-decoration:none;
}
#footer a:hover
{
text-decoration:underline;
color:silver;
}
#footer .bas
{
text-align:center;
border:1px solid #555;
width:960px;
margin:10px auto;
color:silver;
padding:5px;
font-size:11px;
background:#333;
}
#footer form
{
text-align:center;
}
#footer input
{
width:80%;
margin:2px auto;
text-align:center;
font-size:11px;
font-family:arial;
height:10px;
color:#555;
background:#777;
border:0;
color:silver;
padding:2px;
border:1px solid #999;
}
#footer .submit
{
width:80px;
height:18px;
border:0;
background:#777;
cursor:pointer;
color:silver;
padding:1px;
border:1px solid #999;
}

/*******************/
.remarques
{
clear:both;
border:2px solid #ACDCF0;
margin:10px;
padding:10px;
color:#1A6586;
text-align:justify;
background:#EFF8FC;
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;
}
.remarques .off
{
text-align:right;
margin:-5px -5px 5px 0 
}
.remarques h4
{
font-family:arial;
font-size:110%;
color:#FF8B17;
font-weight:bold;
margin:-16px 0 5px 0;
}
.remarques .legende
{
font-size:80%;
text-align:right;
color:#248FBD;
}
/****************************/
.tags
{
border:1px solid #FFD2A6;
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;
font-size:11px;
padding:10px;
color:#1C6F93;
background:#FFFDFB;
text-align:justify;
}
/********** CONTACTS ************************/
#contacts
{
			margin:10px 0 0 20px;
}
#contacts form
{
			
}
#contacts form input, textarea
{
		width:300px;
		display:block;
		padding:2px 2px 2px 5px;
		margin:5px 0 5px 0;
		font-family:verdana;		
		color:#345472;
		font-size:100%;
		border:1px solid #457198;
		-moz-border-radius: 4px;  
		-webkit-border-radius: 4px;
}
#contacts .submit
{
		cursor:pointer;
		width:150px;
		margin-top:10px;
		color:black;
		background:white;
}			
/*********** TARIFS ***********************************/
.paypal
{
float:right;
background:white url(../img/paypal.png) no-repeat;
width:199px;
height:95px;
border:1px solid #9BBDEC;
cursor:pointer;
margin-left:20px;
}
.paiement
{
margin-top:10px;
border:1px solid #FFB56A;
padding:10px;
background:white;
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;
}
.bleu
{
color:#2180B8;
font-weight:bold;
}
.table
{
border-collapse:separate;
border-spacing: 5px 0px;
width:100%;;
margin-bottom:10px;
}
.table td
{
width:50%;
border:0px solid silver;
padding:4px 5px 4px 5px;
text-align:center;
color:black;
}
.color1
{
background:#ECF1F9;
}
 .color2
{
background:#FFF1E1;
}
 .color3
{
background:#EAFFEA;
}
.table td a
{
font-weight:bold;
}
.table td img
{
vertical-align:middle;
margin-right:20px;
}
#tarifs
{
margin:10px 0 10px 0;
border:1px solid #5BAFE1;
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;
background:#F9FBFD;
}
#tarifs form
{
margin:10px 10px 10px 10px;	
padding:10px;	
}
#tarifs form input, textarea
{
		width:280px;
		display:block;
		padding:2px 2px 2px 5px;
		margin:5px 0 5px 0;
		font-family:verdana;		
		color:#345472;
		font-size:100%;
		border:1px solid #457198;
		-moz-border-radius: 4px;  
		-webkit-border-radius: 4px;
}
#tarifs .submit
{
		cursor:pointer;
		width:150px;
		margin-top:10px;
		color:black;
		background:white;
}		
#tarifs #left-form
{
float:left;
border:0px solid silver;
}
#tarifs #right-form
{
float:right;
border:0px solid silver;
}	
.paypal2
{
display:block;
border:none;
color:#fff;
background:  url(../img/paypal2.png)  no-repeat ;
width:188px;
height:198px;
cursor:pointer;
margin:0;
padding:0;
margin:auto;
}