body {
   
   margin-left: auto;
   margin-right: auto;
   width:900px;
   margin-top: 15px;
   margin-bottom: 15px;
   /*border: 1px solid #000000;*/
   /*background-image: url("images/fond_01.png");*/
   background-color:#252535;
   -moz-border-radius: 25px;

}
a img 
{ 
border: none; 
} 


div#banniere {
   clear:both;
   float:left;
   margin:0 auto;
   width: 900px;
   height: 100px;
   background-image: url("images/banniere.png");
   /*background-color:#ffffff;*/
   background-repeat: no-repeat;
   margin-top: 0px;
   margin-bottom: 0px;
}
div#banniere2 {
   clear:both;
   float:left;
   margin:0 auto;
   width: 900px;
   height: 0px;
   /*background-image: url("images/banniere2.png");*/
   background-color:#ffffff;
   background-repeat: no-repeat;
   margin-top: 0px;
   margin-bottom: 0px;
}
div#bandeau {
   float:left;
   width: 900px;
   height:48px;
   margin:auto;
   background-image: url("images/menu_barre.png");
   background-repeat: no-repeat;
   text-align: center;
   font-size: 12px;
   font-weight:bold;
   font-color:orange;
}
div#txt_defil {
   float:left;
   width: 900px;
   height:18px;
   margin:auto;
   background-color: #ffffff;
   text-align: center;
   font-size: 12px;
   font-weight:bold;
   color: #000085;
}
div#espace1 {
   float:left;
   width: 900px;
   height:0px;
   margin:auto;
   background-color: #828282;
   text-align: center;
   font-size: 12px;
   font-weight:bold;
   font-color:orange;
}
div#espace2 {
   float:left;
   width: 900px;
   height:10px;
   margin:auto;
   background-color: #ffffff;
   text-align: center;
   font-size: 12px;
   font-weight:bold;
   font-color:orange;
}
div#espace3 {
   float:left;
   width: 900px;
   height:15px;
   margin:auto;
   background-color: #ffffff;
   text-align: center;
   font-size: 12px;
   font-weight:bold;
   font-color:orange;
}
div#espace4 {
   float:left;
   width: 900px;
   height:20px;
   margin:auto;
   background-color: #ffffff;
   text-align: center;
   font-size: 12px;
   font-weight:bold;
   font-color:orange;
}
div#espace5 {
   float:left;
   width: 900px;
   height:80px;
   margin:auto;
   background-color: #ffffff;
   text-align: center;
   font-size: 12px;
   font-weight:bold;
   font-color:orange;
}
div#menu_softs {
   text-align:center;
   clear:both;
   width:900px;
   height:25px;
   background-color: #000085;
}
div#contenu {
   float:left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   width: 900px;
   /*height: 700px;*/
   padding-top: 20px;
   /*font-size:15px;*/
   background-color:#ffffff;
}
div#foire {
   float:left;
   text-align:center;
   vertical-align:middle;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   width: 900px;
   /*height: 700px;*/
   /*padding-top: 20px;*/
   /*font-size:15px;*/
   background-color:#ffffff;
}
div#contenu2-1 {
   float:left;
   font-family: Tahoma;
   width: 900px;
   height: 800px;
   padding-top: 0px;
   font-size:11px;
   background-color:#ffffff;
}
div#contenu2-2 {
   float:left;
   font-family: Tahoma;
   width: 900px;
   height: 950px;
   padding-top: 0px;
   font-size:11px;
   background-color:#ffffff;
}
div#contenu2-3 {
   float:left;
   font-family: Tahoma;
   width: 900px;
   height: 950px;
   padding-top: 0px;
   font-size:11px;
   background-color:#ffffff;
}
div#contenu2-4 {
   float:left;
   font-family: Tahoma;
   width: 900px;
   height: 650px;
   padding-top: 0px;
   font-size:11px;
   background-color:#ffffff;
}
div#contenu2-5 {
   float:left;
   font-family: Tahoma;
   width: 900px;
   height: 1450px;
   padding-top: 0px;
   font-size:11px;
   background-color:#ffffff;
}
div#COL4 {
   float:left;
   margin-left:50px;
   padding-top:20px;
   padding-left:15px;
   padding-right:30px;
   /*padding-bottom:20px;*/
   font-family: Tahoma;
   width: 250px;
   height: 630px;
   font-size:11px;
   /*background-color:#58b1db;*/
   background-image: url("images/fond_02.png");
   background-repeat: no-repeat;
}
div#COL2{
   float:left;
   font-family: Arial;
   font-weight : bold;
   font-size:10px;
   width: 235px;
   height:630px;
   margin:auto;
   font-size: 11px;
   padding-left:20px;
   /*background-color:#e0fdcb;*/
}
div#COL3{
   float:left;
   font-family: Tahoma;
   font-size:11px;
   font-weight : bold;
   width: 165px;
   height:630px;
   margin:auto;
   font-size: 11px;
}
div#COL1{
   float:left;
   font-family: Arial;
   font-size:11px;
   width: 135px;
   height:630px;
   margin:auto;
   text-align: left;
   font-weight:bold;
   color:#555555;
   /*background-image: url("images/fd_col1.png");*/
   background-repeat: no-repeat;
   background-position:right 65%;
   /*background-color:#b97743;*/
}
div#contenuform {
   float:right;
   width: 900px;
   /*height:750px;*/
   margin:auto;
   font-size: 12px;
   /*background-color:#e0fdcb;*/
}
div#contsoc {
   /*float:left;*/
   margin-top: 15px;
   width: 250px;
   height: 120px;
   overflow: auto;
   font-size:14px;
   background-image: url("images/fondtxt1.png");
   font-weight : bold; 
   font-family : Arial; 
        
}
div#team {
   margin-top: 15px;
   width: 900px;
   height: 600px;
   background-color:#ffffff;
   font: 0.7em Arial;

}
div#pp {
   haslayout position: absolute;
   haslayout float:center;
   width: 500px;
   height: 100px;
   font-size:12px;
   text-align: left;
   background-image: url("images/pp.png");
   font-weight : bold; 
   font-family : Arial; 
   padding-left:60px;
   background-repeat: no-repeat;
}
div#tm {
   haslayout position: absolute;
   haslayout float:left;
   margin-top: 50px;
   width: 500px;
   height: 100px;
   font-size:12px;
   text-align: left;
   background-image: url("images/tm.png");
   font-weight : bold; 
   font-family : Arial; 
   padding-left:60px;
   background-repeat: no-repeat;
}
div#gd {
   haslayout position: absolute;
   haslayout float:left;
   width: 500px;
   height: 100px;
   font-size:12px;
   text-align: left;
   background-image: url("images/gd.png");
   font-weight : bold; 
   font-family : Arial; 
   padding-left:60px;
   background-repeat: no-repeat;
}
div#sol {
   haslayout position: absolute;
   haslayout float:left;
   margin-top: 50px;
   width: 500px;
   height: 40px;
   font-size:12px;
   text-align: left;
   font-weight : bold; 
   font-family : Arial; 
   padding-left:100px;
}
div#c1 { 
    float: left; 
    text-align:center;
    width: 300px; 
    padding-left:10px;
}
div#c2 { 
    float: right; 
    text-align:center;
    width: 300px; 
    padding-left:10px;
}
div#c3 { 
    padding-left:320px;
    text-align:center;
}
div#col1 { 
    float: left; 
    text-align:center;
    width: 300px; 
    padding-left:10px;
}
div#col2 { 
    float: right; 
    text-align:center;
    width: 300px;
    padding-left:10px;
}
div#col3 { 
    padding-left:320px;
    text-align:center;
}
div#col4 { 
    float: left; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    font-color: #010182;
    font-size:13px;
    font-weight: bold;
    padding-left:200px;
}
				/* Template Boulangerie */
div#colgaboul { 
    float: left; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    width: 330px; 
    height : 188px;
    padding-left:80px;
    padding-top: 0px;
    background-color:#ffffff;
}

div#coldrboul { 
    float: left;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    font-size:13px;
    width: 400px;
    height:178px;
    padding-left:10px;
    padding-top: 10px;
    background-color:#ffce44;
}
div#colga1boul { 
    float: left; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    width: 380px; 
    height : 300px;
    padding-left:80px;
    padding-top: 5px;
    background-color:#ffffff;
}
div#coldr1boul { 
    float: left;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    font-size:13px;
    width: 350px;
    height:240px;
    padding-left:50px;
    padding-top: 40px;
    background-color:#ffffff;
}

				/* FIN Template Boulangerie */
div#colindex1 { 
    float: left; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
	font-weight: normal;
    text-align:center;
    width: 400px; 
    height : 150px;
    padding-left:60px;
    padding-top: 40px;
    background-color:#ffffff;
}

div#colindex2 { 
    float: left;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
	font-weight: normal;
    text-align:center;
    font-size:13px;
    width: 400px;
    height:150px;
    /*padding-left:80px;*/
    padding-top: 40px;
    background-color:#ffffff;
}
div#commindex { 
    float: left;
    font-family: Arial;
    font: Arial;
    text-align:center;
    font-size:12px;
    width: 900px;
    /*height:250px;*/
    background-color:#ffffff;
}

				/* Template CHR */
div#colgachr { 
    float: left; 
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    width: 330px; 
    height : 188px;
    padding-left:80px;
    padding-top: 0px;
    background-color:#ffffff;
}

div#coldrchr { 
    float: left;
    font-family: Arial;
    font-weight: normal;
    text-align:left;
    font-size:13px;
    width: 400px;
    height:208px;
    padding-left:12px;
    padding-top: 20px;
    padding-right: 30px;
    /*background-color:#cdbc9c;*/
    background-image: url("images/fondchr.png");
    background-repeat: no-repeat;
}
div#colga1chr { 
    float: left; 

    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    width: 600px; 
    /*height : 350px;*/
    /*padding-left:100px;*/
    padding-top: 5px;
    /*background-color:#ffffff;*/
    /*background-image: url("images/fondchr.png");*/
    /*background-repeat: no-repeat;*/
}
div#coldr1chr { 
    float: left;
    font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
    font: Arial;
    text-align:left;
    font-size:13px;
    width: 200px;
    height:250px;
    padding-left:50px;
    padding-top: 100px;
    background-color:#ffffff;
}
				/* FIN Template CHR */


div#pforts {
   float:left;
   padding-left: 200px;
   font-family: Arial;
   font-weight: normal;
   background-color:#ffffff;
}
div#footer {
   padding: 0px;
   padding-top: 5px;
   clear:both;
   margin-top:5px;
   width:900px;
   height:50px;
   /*background-image: url("images/footer.png");*/
   background-color: #000075;
   color: #ffffff;
   /*font: 10px;*/
   font-size: 14px;
   font-weight: normal;
   font-family: Tahoma;
}
div#footer_bis {
   padding: 0px;
   clear:both;
   margin-top:0px;
   width:900px;
   height:5px;
   font-family: Arial;
   font-weight: normal;
}
div#compteur {
   width:900px; 
   height:20px; 
   padding-top : 10px;
   font: 0.7em Tahoma, sans-serif;
   font-size: 12px;
   font-weight:bold;
   font-color: #010182;
   text-decoration:none;
}
h1 {
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px;
   font-weight: bold;
   color: #940000;
   text-align: left;
   display:inline;
}
h2 {
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font: Arial;
   font-size: 12px;
   font-weight: bold;
   color: #940000;
   text-align: center;
   decoration:underlined;
   display:inline;
}
h3 {
   font-family: Arial, "Arial Black";
   font: Arial;
   font-weight: bold;
   font-size: 20px;
   /*font-weight: bold;*/
   color: #000075;
   text-align: center;
   /*display:inline;*/
}
h4 {
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font: Arial;
   font-size: 12px;
   /*font-weight: bold;*/
   color: #ecb818;
   text-align: left;
   /*display:inline;*/
}
h5 {
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font: Arial;
   font-size: 12px;
   /*font-weight: bold;*/
   color: #ff0000;
   text-align: center;
   /*display:inline;*/
}
h6 {
   font-family: Arial;
   font-weight: normal;
   font: Arial;
   font-size: 12px;
   color: #292929;
   text-align: center;
   display:inline;
}
h7 {
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font: Arial;
   font-size: 12px;
   /*font-weight: bold;*/
   color: #0000ff;
   text-align: left;
   /*display:inline;*/
}
h8 {
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font: Arial;
   font-size: 12px;
   /*font-weight: bold;*/
   color: #313131;
   text-align: center;
   /*display:inline;*/
}
#menu, #menu ul    
{
        padding : 0;
        margin : 0;
        list-style : none;
        line-height : 20px;
        text-align : center;
		width : 900px;
}

#menu /* Ensemble du menu */
{
        /*font-weight : bold;*/
        font-family : Arial;
        font-size : 12px;

}

#menu a /* Contenu des listes */
{
        display : block;
        padding : 0;
        background : #ffffff;       
        color : #000085;
        text-decoration : underlined;
        width : 150px;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        /*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */*/

}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        /*border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */*/
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent"*/
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent"*/
        /*border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      */
}

/* IE ne reconnaissant pas le sélecteur ">"*/
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #ffffff; /* On passe le texte en noir... */
        background: #87002d; /* ... et au contraire, le fond en blanc */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
form {
	width: 900px;
	/*height:433px;*/
	/*padding: 10px 20px;*/
	background: #ffffff;
	color: #87002d;
	font-family: Arial;

}
form p {
	/*margin: 1em 0;*/
		margin-left: 130px;
}
form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 60%;
}
form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	/*font-weight: bold;*/
	font-size: 12px;
}
form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: 9px;
	font-weight: normal;
	cursor: default;
}
form p.double input,
form p.double textarea {
	width: 300px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form p.double textarea {
	padding: 2px 0 0 4px;
	width: 300px;
	height: 6em;
}
form p.simple {
	margin-left: 160px;
}
form p.simple2 {
	text-align: center;
}
form p.simple3 {
	text-align: center;
	width: 700px;
	text-align: center;
}
form p.triple {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
form p.triple label {
	/*float: left;*/
	/*width: 250px;*/
	text-align: right;
	font-size: 1em;
	color : #a91515;
	padding-left: 5px;
}
form p.triple label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
form p.triple input,
form p.triple textarea {
	width: 25px;
	margin-left: 105px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
form p.triple textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
}