/* ==============================================
   
FEUILLE DE STYLES DES GABARITS HTML/CSS 
   
© www.creation-mini-site.com
   
================================================= 

/* suppression des marges par defaut */* 
{
margin: 0;
padding: 0;
text-align : justify; 
}

#contenu {
	margin: auto; width : 1190px;
	height:auto;
	background : #cbd888 url(images/contener-border.jpg);
}

/* TOP
****************************************/
#navigation-menu {
height: 20px;
background: #e5e5e5 url(images/navigation-menu.jpg) repeat-x;
}
#header-top {
	background:url(images/header-top-bg.jpg) repeat-x; height:108px; 
}
#header-top-centre {
	margin: auto; width : 1190px; height:108px; background : url(images/header-top-centre.jpg);
}
#header-middle {
  background:url(images/header-middle-bg2.jpg) repeat-x; height:108px; 
}
#header-middle-centre {
	margin: auto; width : 1190px; height:108px; background : url(images/header-middle-centre.jpg);
}

#header-back {
	margin: auto; width : 1190px; height:265px; 
	background : url(images/header-back3.jpg);
}


/************************************NAVIGATION CSS *************************************/

#nav_menu {
        margin: 0px 0 0 220px;
        padding: 0;
        height: 18px;
}

#nav_menu ul {
        border: 0;
        margin: 0;
        padding: 0;
	list-style-image:url(images/puce.gif);
        text-align: center;
}

#nav_menu ul li {
        display: block;
        float: left;
        text-align: center;
        padding-top: 3px;
        margin: 0;
	padding-left: 70px;
}


#nav_menu ul li a {
        width: 70px;
        height: 18px;
        border-right: none;
        padding: 0;
        margin: 0 0 0px 0;
        color: #0c60d2;
        text-decoration: none;
        display: block;
        text-align: right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;}
		

/* Footer
**************************************************/
/* Pied de page */

#pied {
	clear: both; /* important !!!!*/
        background:url(images/footer-bg.jpg) repeat-x #0731a9; height:100px; 
}
#footer {
	margin: auto; width : 1190px;
	height: 100px; background : #cbd888 url(images/footer.jpg);
}

/* Contenu
**************************************************/
#wrapper { 
 margin: 0 auto;
 width: 1190px;
}
#faux {
 background: url(images/faux-3-2-col2.gif);
 margin-bottom: 0px;
 overflow: auto; 
 width: 100%
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px 10px 5px 202px;
 padding:0;
 width: 180px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #444444;
 margin: 45px 205px 0px 5px;
 padding:0;
 width: 580px;
 display: inline;
 position: relative;
}
#rightcolumn2 { 
 float: right;
 color: #444444;
 margin: 10px 205px 5px 5px;
 padding:0;
 width: 580px;
 display: inline;
 position: relative;
}
.clear { clear: both; background: none; }
}


/**********************************************Menu CSS****************************************************/

#button {
width:179px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0c60d2;
} 

#button ul {
list-style: none;
margin: 2px 0px 15px -1px;
padding: 0;
border: none;}

#button li {
border-bottom: 1px solid #ffffff;
margin: 0;
list-style: none;
list-style-image: none;}

#button li a {
display: block;
padding: 5px 5px 5px 5px;
background-color: #d8d8d8;
color: #0c60d2;
text-decoration: none;
width: 179px;}

#button li a:hover{
display: block;
padding: 5px 5px 5px 5px;
background-color: #0c60d2;
color: #d8d8d8;
text-decoration: none;
width: 179px;}

#button li a:active{
display: block;
padding: 5px 5px 5px 5px;
background-color: #0c60d2;
color: #d8d8d8;
text-decoration: none;
width: 179px;}

#relative-link {
MARGIN: auto;
padding: 0px 0px 0px 15px;
background-color: #0731a9;
color: #cbd3d9;
font-size : 9px;
text-align : center;
}
#relative-link A {
COLOR: #d8dcdf;
TEXT-DECORATION: none; 
FONT-SIZE: 95%;
}

/* Police,liens et images */

h1, h2, h3 {
	color: #333333;
}
h1 {
	font-size: 140%;
	color: #1C73C0;
	padding: 10px 0 10px 0; 
}
h2 {
	font-size: 120%;
	color: #1C73C0;
	padding: 5px 0 10px 0; 
}
h3 {
	font-size: 120%;
	color: #1C73C0;
	padding: 5px 0 10px 0; 
}
h4 {
	font-size: 120%;
	color: #1C73C0;
	padding: 5px 0 10px 0; 
}
A {
color : #0c60d2;
text-decoration : underline; 
}
A:hover {
color : #fa6501; 
text-decoration : underline; 
} 
A:visited {
color : #b0bfce; 
text-decoration : underline; 
} 

P.titre {
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: #456;
}

P.red {
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: red;
}

/* Puces */
UL {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0;
padding-top : 0; 
list-style-type : none; 
} 
LI {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
}
ul#puce {
margin : 0; 
padding : 0; 
list-style-type : none; 
text-align : justify;
} 
ul#puce li {
background-image : url(images/puce-blue.gif); 
background-repeat : no-repeat; 
background-position : 0% 60%; 
padding : 8px 10px 3px 10px; 
} 
ul#box {
margin : 0; 
padding : 0; 
list-style-type : none; 
text-align : justify;
} 
ul#box li {
background-image : url(images/puce-arc.gif); 
background-repeat : no-repeat; 
background-position : 0% 60%; 
padding : 8px 10px 3px 40px; 
} 

.plan {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 10px; 
margin : 0; 
line-height : 22px; 
padding-top : 10px; 
} 
.decalage {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0 0 0 30px; 
padding-top : 0; 
} 
#center {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 20px 0 5px 120px; 
padding-top : 0; 
} 

/* Commande
**************************************************/

#paiement-paypal {

height: 160px; 
padding-left : 0; 
background : url(images/paiement-paypal.gif) no-repeat; 
padding-bottom : 2px; 
padding-top : 8px;
FONT-SIZE: 85%;
}
P.g {
margin : 0; 
padding : 4px 20px 4px 120px; 
text-align: justify; 
FONT-SIZE: 95%; 
FONT-WEIGHT: bold; COLOR: #369;

}
P.box {
text-align :justify; 
font-size : 0.7em; 
color: #999999; 
PADDING-RIGHT: 20px; 
PADDING-LEFT: 10px; 
PADDING-TOP: 10px; 
}