﻿ul, li
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.fckbody ul, div.contenu ul
{
    padding:15px;
}

.fckbody li, div.contenu li
{
	margin-bottom:5px;
    padding-left:10px;
    list-style-type:none;

    background:url(../Images/puce.gif) no-repeat left 4px;
}

div.contenu li ul
{
    padding:0px;
    padding-left:15px;
}

div.contenu li ul li
{
    padding-left:10px;
    list-style-type:none;

    background:url(../Images/Puce1.gif) no-repeat left 6px;
}


div.contenu li ul li ul
{
	padding:0px;
    padding-left:15px;
}

div.contenu li ul li ul li
{
    padding-left:10px;
    list-style-type:none;
    background:url(../Images/puce2.gif) no-repeat left 8px;
}

/*p,*/ td, div, .fckbody li, div.contenu li, caption
{
    
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    line-height:16px;
}

div.contenu a
{   
    font-family: Arial;
    font-size: 11px;
    color: #0097E3; 
    text-decoration:underline;
}

div.contenu a:hover
{
    
    font-family: Arial;
    font-size: 11px;
    color: #0097E3; 
    text-decoration:none;
}

p
{
    margin:0px;
    padding:0px;
    /*line-height:1.2em;*/
}

h1, h1 p
{
    margin:0px;
    padding:0px;
    padding-top:5px;
    padding-bottom:5px;

    font-family: verdana;
    font-size: 18px;
    font-weight:bold; /*normal;*/
    color:#0097E3;
}

h1 a
{
    font-family: Arial;
    font-size: 18px;
    color:#0097E3 !important;
    font-weight:bold;
}

h1 a img
{
    border:none;
}

h2, h2 p, h2 a
{
    margin:0px;
    padding:0px;
    padding-top:6px;
    padding-bottom:6px;
    
    font-family: Arial;
    font-size: 16px;
    color: #000000; 
    
}

h2 a img
{
    border:none;
}

h3, h3 p, h3 a
{
    margin:0px;
    padding:0px;
    padding-top:6px;
    padding-bottom:6px;
    
    
    font-family: Arial;
    font-size: 14px;
    color: #0097E3;  
}

h3 a img
{
    border:none;
}

/********************************
    Modele Cadre Bleu long
*********************************/
div.Modele_cadre_bleu
{
    float:left;

    width:515px;
    display:block;
}

div.Modele_cadre_bleu_top
{
    background:url(../Images/background_top_modele_cadre_bleu_long.gif) no-repeat center top;

    width:515px;
    height:17px;
    display:block;
}

div.Modele_cadre_bleu_middle
{
    background:url(../Images/background_middle_modele_cadre_bleu_long.gif) repeat-y center top;

    width:515px;
    width:498px !important;
    display:block;
    
    padding-left:17px;
}


div.Modele_cadre_bleu_middle ul
{
     margin:0px;
     margin-top:5px;
}

div.Modele_cadre_bleu_middle li
{
    padding-left:10px;
    list-style-type:none;
    background:url(../Images/puce.gif) no-repeat left 4px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    line-height:16px;
}

div.Modele_cadre_bleu_bottom
{
    background:url(../Images/background_bottom_modele_cadre_bleu_long.gif) no-repeat center bottom;

    width:515px;
    height:17px;
    display:block;
}

div.Modele_cadre_bleu_middle h2
{
    padding-top:4px;
    padding-bottom:4px;
}
div.Modele_cadre_bleu_middle h3
{
    padding-top:2px;
    padding-bottom:2px;
}

div.Modele_cadre_bleu_middle img
{
    border:none;
}

div.Modele_cadre_bleu_middle a.ensavoirplus
{
    text-align:right;
    width:87px;
    height:24px;
    line-height:24px;
    vertical-align:middle;
    display:block;

    color:#0097E3;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
    
    padding-right:60px;
    margin-left:360px;
    margin-top:-3px;

    background:url(../Images/ensavoirplus.gif) no-repeat center top;
}

/************************************
    Modele Telecharger Catalogue
*************************************/
div.Modele_accueil_bas_droit
{
    float:left;
    
    width:448px;
    width:429px !important;
    height:156px;
    display:block;
    background:url(../Images/background_modele_accueil_bas_droit.gif) no-repeat center top;
    
    margin-left:19px;
    padding-left:19px;
    padding-top:16px;
    
}

div.Modele_accueil_bas_droit a
{
    text-decoration:none;
    color:#000000;
}

div.Modele_accueil_bas_droit a img
{
    border:none;
}

/************************************
    Modele Bandeau
*************************************/

div.Modele_Bandeau
{
    display:block;
    position:relative;
    float:left;
    width:773px;
    width:773px !important;
    height:216px;
    

    /*background:url(../Images/cartouche_bandeau.jpg) no-repeat center top;*/
}

div.Modele_Bandeau img
{
	display:block;
    position:absolute;
    z-index:1;
}

div.Modele_Bandeau div.texte
{
	display:block;
	position:relative;
    /*float:left;*/
    width:213px;
    height:103px;
    margin-top:95px;
    margin-left:107px;
    z-index:100;
}

div.Modele_Bandeau div.texte p.Description
{
	color:#0097e3;
}

/************************************
    Modele Bandeau
*************************************/
div.Modele_devis
{
    display:block;
    float:left;
    width:224px;
    width:206px!important;
    height:85px;
    height:69px!important;
    
    background:url(../Images/background_brochure.png) no-repeat center top;

    padding-left:16px;
    padding-top:16px;
    margin-left:6px;
    margin-bottom:5px;
}

div.Modele_devis p
{
    line-height:18px;
    display:block;
}

div.Modele_devis a
{
    text-decoration:none;
}

div.Modele_devis a img
{
    border:none;
}

div.Modele_devis a:visited;
{
	color:#000000;
    text-decoration:none;
}

div.Modele_devis .voir
{
    float:right;
    width:23px;
    height:23px;
    display:block;
    
    margin-right:11px;
    margin-top:25px;

    background:url(../Images/lien-fleche.png) no-repeat center top;
}

/*********************************************
	Modèle Verandas et Stores
**********************************************/
.divDiaporama
{
	display:block;
	float:right;
	width:254px;
	width:239px!important;
	padding-left:15px;
	margin-top:-15px;
}

.divDiaporamaHaut
{
	display:block;
	width:239px;
	height:15px;
	background:url(../Images/DiaporamaHaut.png) no-repeat left top;
}

.divDiaporamaBas
{
	display:block;
	width:239px;
	height:15px;
	background:url(../Images/DiaporamaBas.png) no-repeat left top;
	margin-bottom:7px;
}

.divDiaporamaContenu
{
	display:block;
	width:239px;
	width:222px!important;
	background:url(../Images/DiaporamaContenu.png) repeat left top;
	padding:0;
	padding-left:12px;
	padding-right:5px;
}

.divDiaporamaContenu img
{
	margin-right:3px;
	margin-top:7px;
	border:none;
}

.divDiaporamaContenu ul
{
	padding:0px!important;
	padding-bottom:10px!important;
}

.divDiaporamaContenu ul li
{
	margin-top:6px!important;
	margin-bottom:0px!important;
}

.divDiaporamaContenu ul li h3
{
	padding-top:0px!important;
}

.divDiaporamaContenu .aRealisation
{
	display:block;
	width:161px;
	height:20px;
	margin-top:17px;
	background:url(../Images/Realisation.png) no-repeat left top;
	text-decoration:none;
	font-weight:bold;
	margin-left:48px;
	padding-left:5px;
	padding-top:4px;
}

.divImageZoom
{
	display:block;
	float:left;
	width:360px;
	height:265px;
	margin-top:10px;
	margin-right:10px;
}

.divImageZoom .aZoom
{
	display:block;
	float:right;
	height:18px;
	margin-top:6px;
	background:url(../Images/Zoom.gif) no-repeat right top;
	padding-right:25px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#0699e4;
}

.divRetour
{
	margin-top:10px;
	margin-bottom:5px;
	margin-left:2px;
}

.divRetour .aRetour
{
	display:block;
	height:18px;
	background:url(../Images/Retour.png) no-repeat left top;
	padding-left:25px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#0699e4;
}

.divImageDescriptionSavoir
{
	display:block;
	position:relative; 
	float:left;
	width:252px;
	width:243px!important;
	height:229px;
	/*height:224px! important;*/
	border:1px solid #0097e3;
	margin-right:10px;
	margin-top:5px;
	padding-top:5px;
	padding-left:5px;
	padding-right:4px;
	/*padding-bottom:3px; */
}

.divImageDescriptionSavoir img
{
	margin-bottom:5px;
	border:none;
}

.divImageDescriptionSavoir .aSavoir
{
	position:absolute;
	width:81px;
	height:19px;
	bottom:3px;
	font-weight:bold;
	text-decoration:none;
	background:url(../Images/EnSavoir.png) no-repeat left top;
	padding-left:6px;
	padding-top:5px;
	margin-left:165px;
	margin-top:3px; 
	/*margin-bottom:3px;*/
}

.imgGrandeImage
{
	margin-top:15px;
}

.divPublicite
{
	display:block;
	float:right;
	margin-top:40px;
	margin-left:30px;
	text-align:center;
}

div.PlanBureau
{
	display:block;
	float:right;
}

div.imageTexte
{
	margin-top:20px;
}

div.imageTexte img
{
	margin-right:10px;
}

.aChantier
{
	display:block;
	float:right;
	width:232px;
	height:30px;
	font-weight:bold;
	background:url(../Images/Acces_Chantier.png) no-repeat left top;
	text-decoration:none!important;
	padding-left:7px;
	padding-top:5px;
	margin-top:30px;
}

/***************************
		Espace privée		
***************************/

div.divEspaceClient
{
	width:520px;
}

div.divEspaceClientDetail
{
	display:block;
	float:left;
	width:520px;
	border-top:1px solid #0097e3;
	padding-top:3px;
	padding-bottom:4px;
}

div.divEspaceClientDetail a
{
	display:block;
}

div.divEspaceClientDetail p
{
	display:block;
}

div.divEspaceClientDetail img
{
	float:left;
	border:none;
}

div.divEspaceClientDetailGauche
{
	display:block;
	float:left;
	width:245px;
	width:235px!important;
	padding-top:16px;
	padding-left:10px;
	border-right:1px solid #0097e3;
}

div.divEspaceClientDetailGauche div.divEspaceClientDetailContenu
{
	display:block;
	float:left;
	width:175px;
	margin-left:15px;
	margin-bottom:15px;
}

div.divEspaceClientDetailDroite
{
	display:block;
	float:left;
	width:271px;
	width:261px!important;
	padding-left:10px;
	padding-top:16px;
	border-left:1px solid #0097e3;
	margin-left:-1px;
}

div.divEspaceClientDetailDroite div.divEspaceClientDetailContenu
{
	display:block;
	float:left;
	width:200px;
	margin-left:15px;
	margin-bottom:15px;
}

div.divEspaceContenu
{
	display:block;
	float:left;
	margin-top:7px;
	margin-left:15px;
	margin-bottom:15px;
}

div.divPhoto
{
	display:block;
	width:520px;
}

div.divPhoto img
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

div.divEspaceClientContact
{
	display:block;
	height:44px;
}

div.divEspaceClientContact img
{
	float:left;
	margin:0px;
	padding:0px;
}

div.divEspaceClientContact a
{
	display:block;
}

div.divEspaceClientContact div.divEspaceClientContactContenu
{
	float:left;
	padding-top:10px;
	margin-left:10px;
}

div.divEspaceClientContact div.divEspaceClientContactContenu a
{
	margin:0px;
    padding:0px;
    padding-top:6px;
    padding-bottom:6px;
    font-family: Arial;
    font-size: 16px;
    color: #000000; 
    text-decoration:none;
	font-weight:bold;
}
