/* - - - - - - - - - - - - - - - - - - - - -
Title : Cafeducourtage.com Styles
Created : April 15 2010, by Laurent Curau
Modified : April 15 2010, by Laurent Curau
- - - - - - - - - - - - - - - - - - - - - */

/* basic elements */

html {
	margin: 0;
	padding: 0;
	}

body {
	background-color:#443833;
        font-family:Arial, Helvetica, sans-serif;
        line-height:18px;
        font-size:12px;
	line-height: 1.88889;
	margin: 0; 
	padding: 0;
	}

p { 
	margin-top: 0; 
	text-align: justify;
	}

h1 {
	padding:0;
	margin:10px 0 0 15px;
	}
	
h2 {
	padding:0;
	margin:10px 0 0 15px;
        font-family:georgia,helvetica,arial,sans-serif;
	}
	
h3 {
	font-size:20px;
	padding:0;
	margin:10px 0 0 20px;
        font-family:helvetica,arial,sans-serif;
	}
	
h4{
	font-size:14px;
	padding:0;
	margin:0px 0 0 30px;
        font-family:helvetica,arial,sans-serif;
        clear:left;
	}

#fiches h2{
	font-size:5px;
        text-indent:-5000px;
	}
	
h5, h5 a{
	font-size:12px;
	padding:0;
	margin:10px 0 0 25px;
        font-family:georgia,helvetica,arial,sans-serif;
	}

a:link { 
	}

a:visited { 
	}

a:hover, a:active { 
	}

acronym {
	border-bottom: none;
	}
	
/* specific elements */

#wrapper {
	}
	
#container {
	background-color:#ffffff;
	width:1020px;
	margin:0 auto;

	}
	
#page-header {
	width:1010px;
	color:#f5f1c2;
	height:100px;
	border-top:10px solid #877065;
	border-right:10px solid #877065;
	border-left:10px solid #877065;
        padding-bottom:25px;
	}

        #page-header h1 a{
        background:url(http://www.cafeducourtage.com/images/logo-cdc.gif) no-repeat;border:0;display:block;height:120px;overflow:hidden;text-indent:-5000px;
        }
	
	#page-header h2 {
	color:#d0c5bf;
	}
	
#content-body {
	width:1020px;
        padding-bottom:10px;
	}

#article {
	width:850px;
        margin:10px 0 0 35px;
        padding:10px;
	}

#article h2, #article h2 a {
	text-decoration:none;
        margin:0 0 10px 0;
	}
	
#user-request {
	width:1010px;
	padding:25px 0;
	border-bottom:1px dotted #806A40;
	border-right:10px solid #877065;
	border-left:10px solid #877065;
	}
	
	#user-request table {
	width:800px;
	}
	
	#user-request label {
	font-size:20px;
	}
	
	#user-request td.label {
	color:#61380B;
	width:350px;
	}
	
	#user-request input {
	color:#333333;
	font-size:30px;
	width:100%;
	height:30px;
	}
	
	#user-request .button {
	font-size:22px;
	width:100%;
	height:45px;
	}
	
	#user-request fieldset {
	background-color:#FFF7E6;
	margin:0 auto;
	width:550px;
	}

#text-content {
	margin:0 auto;
        padding-bottom:40px;
	}
	
#fiches {
	float:left;
	width:1010px;
	border-right:10px solid #877065;
	border-left:10px solid #877065;
        background-color:#fff;
	}
	
	#fiches img {
	float:left;
	margin:5px 10px 20px 0;
	}
	
	#fiches p {
	margin:10px 25px 0 30px;
	}
	
.actualites {
        margin:0 0 0 140px;
        padding:0;
	}

        .actualites h4 {
        font-size:15px;
        margin:25px 0 0 0;
        text-decoration:none;
	}

        .actualites h5, .actualites h5 a {
        margin:15px 0 0 0;
        text-decoration:none;
	}

        #fiches .actualites p {
        margin:0;
        text-decoration:none;
        font-size:11px;
        width:400px;
	}

	
#footer {
	color:#000;
	background-color:#877065;
	float:left;
	width:100%;
        padding:25px 0 0 0;
        margin:0 0 30px 0;
	border-right:10px solid #877065;
	}
	
	#footer p {
	text-align:center;
	}

#cadre1 {
	color:#000;
	float:left;
	width:550px;
        margin:0 0 40px 0;
	}

#cadre1 table {
        margin-left:35px;
	border:1px solid #ccc;
        text-align:center;
	}

#cadre1 p {
	font-size:11px;
        margin-left:37px;
	}

#cadre1 table td {
	border:1px solid #ccc;
        padding:5px;
	}

.nom_courtier a {
        text-decoration:none;
        }

.texte_promo, .nom_courtier, .tr_head {
        font-size:11px;
        }

#cadre2 {
	color:#000;
	float:left;
	width:300px;
        margin:90px 0 0 60px;
	}

#cadre2 h4 {
        margin:0 0 64px 0;
	}

#cadre2 table {
        border:1px dotted #ccc;
        padding:10px;
        background-color:#ffff99;
	}

#cadre2 .button {
        width:100px;
        margin:5px 20px 0 0;
        float:right;
	}

#avertissement {
        width:890px;
        font-size:11px;
	clear:left;
        margin:40px 0 0 25px;
	}

#legende {
        width:300px;
        font-size:11px;
        margin-top:50px;
	}

#modif-requete {
        margin:40px 0 10px 20px;
	}