/*elements de corps*/
body {
	background-color: #000000;
	
}

.background {
	position: relative;
	height: 858px;
	width: 1021px;
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top: auto;
}
/*elements de navigation*/
/*Rubrique*/
.nav1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	left: 119px;
	top: 257px;
	visibility: visible;
	z-index: 989;
	width: 223px;
}

.nav2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	left: 119px;
	top: 350px;
	z-index: 991;
	width: 222px;
	visibility: visible;
}

.nav3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	left: 119px;
	top: 445px;
	width: 223px;
	visibility: visible;
	z-index: 993;
}

.nav4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	left: 119px;
	top: 556px;
	width: 226px;
	visibility: visible;
	z-index: 995;
}


/*element de navigation*/
/*sous rubrique*/


.sousnav5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	left: 86px;
	top: 274px;
	visibility: visible;
	z-index: 990;
	width: 253px;
	text-align: right;
}

#background .sousnav5 ul {
	list-style-image: none;
	list-style-type: none;
}

.sousnav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	left: 85px;
	top: 382px;
	width: 253px;
	height: 44px;
	visibility: visible;
	z-index: 992;
	text-align: right;
}
#background .sousnav2 ul {
	list-style-image: none;
	list-style-type: none;
}
.sousnav3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	left: 86px;
	top: 493px;
	width: 252px;
	visibility: visible;
	z-index: 994;
	text-align: right;	
}

#background .sousnav3 ul {
	list-style-image: none;
	list-style-type: none;
}

.sousnav4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	left: 84px;
	top: 623px;
	width: 254px;
	height: 33px;
	visibility: visible;
	z-index: 996;
	text-align: right;
}

#background .sousnav4 ul {
	list-style-image: none;
	list-style-type: none;
}

.visited {color: #FFFF00}

/*élément de navigation*/
/*onglet haut*/


#background .ongletdevis {
	position: absolute;
	left: 597px;
	top: 8px;
	width: 142px;
	z-index: 975;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
}

#background .ongletcontact {
	position: absolute;
	left: 418px;
	top: 8px;
	width: 165px;
	z-index: 977;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
	
}

#background .ongletreference {
	position: absolute;
	left: 418px;
	top: 8px;
	width: 151px;
	z-index: 975;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}


/*element de contenu*/
.titredepage {
	position: absolute;
	left: 376px;
	top: 234px;
	visibility: visible;
	z-index: 988;
	width: 622px;
}
.soustitre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006600;
	font-weight: normal;
}
.soustitre a {
	color: #006600;
	text-decoration: none;
}
.soustitre a:hover {
	color: #CC6600;
}


.zonetexte1 {
	position: absolute;
	left: 370px;
	top: 127px;
	width: 631px;
	height: 726px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	z-index: 997;
	text-indent: 0px;
	visibility: visible;

}
#background #text1 ul {
	text-align: left;
	list-style-image: url(../image/iconetext.png);
	text-indent: 0px;
}


#background #text1 a {
	color: #333333;
	text-decoration: none;
}


#background #text1 a:hover {
	color: #FF6600;
}
.zonecentre {
	position: absolute;
	left: 464px;
	top: 292px;
	height: 289px;
	width: 403px;
}


.zonetexte2 {
	position: absolute;
	left: 669px;
	top: 250px;
	width: 270px;
	height: 510px;
	text-align: justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	z-index: 998;
	text-indent: 10px;
	visibility: visible;
}


#background #text2 ul {
	text-align: left;
	text-indent: 0px;
	list-style-image: url(../image/iconetext.png);
}

#background #text2 a {
	color: #333333;
	text-decoration: none;
}


#background #text2 a:hover {
	color: #333333;
}
.zonetextealign {
	position: absolute;
	left: 377px;
	top: 248px;
	width: 429px;
	margin: 0px;
	padding: 0px;
	z-index: 985;
}

#background #textalign ul {
	text-align: left;
	text-indent: 0px;
	list-style-image: url(../image/iconetext.png);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}



#background #textalign em {
	color: #CC3300;
}
#background #textalign ul  a {
	color: #666666;
}
#background #textalign ul a hover {
	color: #006600;
	text-decoration: none;
}


.petitp {
	font-size: 9px;
	position: absolute;
	left: 2px;
	top: 521px;
	width: 479px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}




/*balise applicable à tout element*/

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006600;
	font-weight: normal;
}


a{
    font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #FFFF00;
	text-decoration: none;
}
menu {
	text-align: left;
	text-indent: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 60px;
}





/*element de pied de page*/



.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
	position: absolute;
	left: 411px;
	top: 822px;
	width: 544px;
	height: 29px;
	visibility: visible;
	z-index: 997;
}

#background #footer a {
	color: #666666;
	text-decoration: none;
	vertical-align: bottom;
}

#background #footer a:hover {
	color: #FF9900;
}

.newsletter {
	position: absolute;
	color: #FFFFFF;
	left: 233px;
	top: 721px;
	width: 50px;
	vertical-align: middle;
	z-index: 8;
	visibility: visible;
}

.newlettertxt {
	position: absolute;
	left: 138px;
	top: 752px;
	width: 113px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	z-index: 9;
	visibility: visible;
}

.powered {
	position: absolute;
	left: 605px;
	top: 861px;
	height: 23px;
	width: 78px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	vertical-align: middle;
	z-index: 987;
	visibility: visible;
}

.logopowered {
	position: absolute;
	left: 663px;
	top: 859px;
	width: 48px;
	height: 37px;
	vertical-align: top;
	z-index: 986;
	visibility: visible;
}

/*jquery fade css*/
#contenu
{
	display:none;	
}
 

.mesBouttons{

		}
.contenu{
	width: 570px;
	height: 570px;
	border: 1px solid #000;
	padding: 5px;
	margin: 5px;
	margin-top: 10px;
	position: absolute;
	color: #292929;
	border: 1px solid #BABABA;
	background-color: #ddd;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-bottom: 1em;
    -o-border-radius: 10px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 3px 7px #adadad;
	border-radius: 10px;
    -moz-box-sizing: border-box;
    -opera-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	top: 220px;
	right: 80px;
	z-index: 1100;
		}

#contenu li {
	text-align: left;
	text-indent: 0px;
	list-style-image: url(../image/iconetext.png);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
}

/*image de contenu*/
.devis a {
	position: absolute;
	left: 832px;
	top: 668px;
	width: 165px;
	height: 134px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #006600;
	background-image: url(../image/devis-creation-site-internet.gif);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
}
.devis a:hover {
	text-decoration: none;
	
}

.devishaut a {
	position: absolute;
	left: 831px;
	top: 561px;
	width: 165px;
	height: 134px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #006600;
	background-image: url(../image/devis-creation-site-internet.gif);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
}
.devishaut a:hover {
	text-decoration: none;
	
}


.imgcreationsite {
	position: absolute;
	left: 818px;
	top: 215px;
	width: 201px;
	z-index: 9;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006600;
	text-align: center;
}
#background #imgcreationsite .annuel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.image_positionnement_manuel {
	position: absolute;
	left: 816px;
	top: 221px;
	text-align: center;
	height: 360px;
	width: 202px;
}

.animation {
	position: absolute;
	left: 356px;
	top: 121px;
	width: 674px;
	height: 109px;
	z-index: 992;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
}

    /*------ CADRE ------*/

    /*------ PARTIE DU HAUT ------*/   
    .haut_gauche {
       background-image: url(../image/cadre/haut_gauche.png);
       background-repeat: no repeat;
       float: left;
       width: 15px;
       height: 15px;
       margin: 0;
       padding: 0;   
    }

    .haut_millieu {
        background-image: url(../image/cadre/haut_millieu.png);
       background-repeat: repeat-x;
       position: top center;
       height: 15px;
       margin: 0 15px;
       padding: 0;   
    }

    .haut_droite {
        background-image: url(../image/cadre/haut_doite.png);
       background-repeat: no repeat;
       float: right;
       width: 15px;
       height: 15px;   
       margin: 0;
       padding: 0;   
    }
    /*------ FIN PARTIE DU HAUT ------ */

    /*------ CENTRE ------*/
    .centre_gauche {
        background-image: url(../image/cadre/centre_gauche.png);
       background-repeat: repeat-y;
       position: left;
       margin: 0;
       padding-left: 10px;
    }   

    .centre_droite {
        background-image: url(../image/cadre/centre_droite.png);
       background-repeat: repeat-y;
       background-position: right;
       margin: 0;
       padding-right: 10px;
    }
    /*------ FIN CENTRE ------*/

    /*------ PARTIE DU BAS ------*/
    .bas_gauche {
        background-image: url(../image/cadre/bas_gauche.png);
       background-repeat: no repeat;
       float: left;
       width: 15px;
       height: 15px;
       margin: 0;
       padding: 0;   
    }

    .bas_millieu {
        background-image: url(../image/cadre/bas_millieu.png);
       background-repeat: repeat-x;
       position: top center;
       height: 15px;
       margin: 0 15px;
       padding: 0;   
    }

    .bas_droite {
        background-image: url(../image/cadre/bas_droite.png);
       background-repeat: no repeat;
       float: right;
       width: 15px;
       height: 15px;   
       margin: 0;
       padding: 0;   
    }
    /*------ FIN PARTIE DU BAS ------*/
/* css pour la tooltip lien avec preview */
.tool-title {
	font-weight: bold;
	font-size: 0px;
	margin: 0;
	color: #000000;
	background-color: #000000
}
 
.tool-text {
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	background-color: #333333;
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.custom-tip {
	color: #000;
	width: 500px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}