芝麻web文件管理V1.00

编辑当前文件:/home/prismawe/www/css/style.css

body,img{margin:0px;padding:0px;font-family:Verdana;border:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

#head{width:100%;height:90px;background:url(../images/header.png) top left repeat-x;padding-top:45px;}
#header{width:1000px;height:87px;margin:auto;}
#logo{width:310px; height:66px;float:left;}
#menu{height:66px;float:right;}
#menu li{display:inline;list-style-type:none;width:118px;height:54px;margin-left:5px;float:left;background:url(../images/sep.png) center right no-repeat;}
#menu a{color:black;width:110px;height:44px;float:left;font-size:15px;padding-top:10px;padding-left:8px;}

#accueil a:hover{background:url(../images/menuAcc.png) top left no-repeat;}
#agence a:hover{background:url(../images/menuAg.png) top left no-repeat;}
#prestations a:hover{background:url(../images/menuPres.png) top left no-repeat;}
#references a:hover{background:url(../images/menuRef.png) top left no-repeat;}
#contact a:hover{background:url(../images/menuCon.png) top left no-repeat;}

#accueil a:hover span{ color: #FFFFFF; }
#agence a:hover span{ color: #FFFFFF; }
#prestations a:hover span{ color: #FFFFFF; }
#references a:hover span{ color: #FFFFFF; }
#contact a:hover span{ color: #FFFFFF; }

#accueilselect a{background:url(../images/menuAcc.png) top left no-repeat;}
#agenceselect a{background:url(../images/menuAg.png) top left no-repeat;}
#prestationsselect a{background:url(../images/menuPres.png) top left no-repeat;}
#referencesselect a{background:url(../images/menuRef.png) top left no-repeat;}
#contactselect a{background:url(../images/menuCon.png) top left no-repeat;}

.menu{color:#3a9bca;font-size:11px;}
.menu:hover{color:white;font-size:11px;}
.menuselect{color:white;font-size:11px;}

#banniere1{background:url(../images/bann1.png) top left repeat-x;height:55px;width:100%;}
#bann1{height:55px;width:1000px;margin:auto;}
#bann1 p{color:#3a9bca;font-size:12px;float:left;padding-left:390px;}
#bann1 img{padding-top:10px;float:right;}

#banniere2{background:url(../images/bann2.png) top left repeat-x;height:330px;width:100%;margin-top:-5px;}
#bann2{width:1000px;height:260px;margin:auto;padding-left:5px;padding-top:10px;}
.menu_bann{color:white;font-size:15px;height:55px;background:url(../images/sepH.png) bottom center no-repeat;width:310px;margin-top:5px;}
.menu_bann img{float:left;width:36px;height:36px;padding-right:3px;}
.produit{height:49px;width:293px;float:left;display:inline;padding-top:6px;padding-left:3px;}
.menu_bann a{color:white;height:45px;width:293px;float:left;}
.produit:hover{background:url(../images/prod.png) top left no-repeat;height:49px;width:293px;}
.desc{color:white;font-size:11px;}
#liste{width:350px;height:300px;background:url(../images/sepV.png) center right no-repeat;float:left;}
/*
.txt_bann{float:left;width:650px;height:280px;margin-top:20px;color:white;}
.img{width:128px;height:128px;float:left;padding-left:30px;margin-bottom:150px;margin-top:60px;}
.plus{margin-top:10px;margin-left:10px;}
.txt_bann p{font-size:12px;width:230px;margin-left:170px;text-align:justify;}
.txt_bann h2{width:250px;margin-left:170px;}
.droite{width:250px;height:200px;float:right;margin-top:-170px;color:white;font-size:15px;}
.droite li{list-style-type:none;margin-bottom:10px;}
.droite img{width:17px;height:17px;margin-right:3px;}
*/
#bann2 .txt_bann {
    overflow: hidden;
    max-width: 670px;
}

#bann2 .txt_bann ul {
    height: 200px;
    max-width: 670px;
}

#bann2 .txt_bann .slide{
    
}

#bann2 .txt_bann h2 {
    margin-top: 0;
}

.txt_bann{float : right; width:650px;margin-top:20px;color:white;}

#bann2 .txt_bann ul{height:270px;}
#bann2 .slides-nav{
    list-style-type: none;
}
.img{width:128px;height:128px;float:left;padding-left:30px;margin-bottom:150px;margin-top:60px;}
.plus{margin-top:10px;margin-left:10px;}
.txt_bann p{font-size:12px;width:230px;margin-left:170px;text-align:justify;}
.txt_bann h2{width:250px;margin-left:170px;}
.droite{width:250px;height:200px;float:right;margin-top:-170px;color:white;font-size:15px;}
.droite li{list-style-type:none;margin-top:20px;width: 650px; }
.droite img{width:17px;height:17px;margin-right:3px;}
/*
#bann2 .slides-nav {
    background-color: #ddd;
    border-top: 2px solid #ccc;
}

#bann2 .slides-nav li {
    float: left;
}

#bann2 .slides-nav li a {
    display: block;
    padding: 15px 20px;
    outline: none;
}
*/
#liste .slides-nav .activeSlide{
    background:url(../images/prod.png) no-repeat;height:60px;width:293px;
    background-position:top left;
}

#banniere3{width:100%;height:60px;background-color:#2d8cba;}
#banniere4{width:100%;height:60px;background-color:#4ac442;margin-top:-5px;}
#banniere5{width:100%;height:60px;background-color:#9966ff;margin-top:-5px;}
#banniere6{width:100%;height:60px;background-color:#b32525;margin-top:-5px;}
#banniere7{width:100%;height:60px;background-color:#e2b500;margin-top:-5px;}
#banniere8{width:100%;height:60px;background-color:#4A76D1;margin-top:-5px;}

#slide1{list-style-type:none;}
#slide2{list-style-type:none;}
#slide3{list-style-type:none;}
#slide4{list-style-type:none;}
#slide5{list-style-type:none;}

#slide-one{
    list-style-type:none;
    width: 640px;
    height: 250px;
    float: left;
    padding: 10px;
    background-image: url(../images/bann2.png);
    background-position: 0% 42%;}
#slide-two{
    list-style-type:none;
    width: 640px;
    height: 250px;
    float: left;
    padding: 10px;
    background-image: url(../images/bann2.png);
    background-position: 0% 42%;}
#slide-tree{
    list-style-type:none;
    width: 640px;
    height: 250px;
    float: left;
    padding: 10px;
    background-image: url(../images/bann2.png);
    background-position: 0% 42%;}
#slide-four{
    list-style-type:none;
    width: 640px;
    height: 250px;
    float: left;
    padding: 10px;
    background-image: url(../images/bann2.png);
    background-position: 0% 42%;}
#slide-five{
    list-style-type:none;
    width: 640px;
    height: 250px;
    float: left;
    padding: 10px;
    background-image: url(../images/bann2.png);
    background-position: 0% 42%;}

#bloc{width:1000px;min-height:350px;margin:auto;border:solid 1px #adadad;margin-top:-50px;background:url(../images/blocMil.png) bottom left repeat-x white;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
#bloc2{width:1000px;min-height:350px;margin:auto;border:solid 1px #adadad;margin-top:-50px;background:url(../images/blocMil.png) top left repeat-x white;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
#bloc3{width:1000px;min-height:790px;margin:auto;border:solid 1px #adadad;margin-top:-50px;background:url(../images/blocMil.png) top left repeat-x white;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.bl{width:332px;float:left;}
.bl p{font-size:12px;text-align:justify;padding-left:35px;padding-right:35px;}
.bl h2{font-size:20px;background:white;height:35px;padding-left:35px;padding-right:35px;padding-top:15px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:0px;}
.bl img{width:90px;height:90px;float:left;padding-right:10px;}
p#spacer {clear:both;height:1px;}

#agence{float:left;}
#agence h2{font-size:20px;background:white;height:35px;padding-left:35px;padding-right:35px;padding-top:15px;width:930px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:0px;}
#agenceGauche{float:left;width:316px;padding-left:30px;padding-top:50px;}
#sepAgence{width:2px;height:400px;float:left;background-color:#c4c4c4;margin-top:20px;}
#agenceDroite{float:left;width:500px;padding-left:25px;padding-right:25px;padding-bottom:50px;}
#agenceDroite h3{color:#3087b0;font-size:20px;}
#agenceDroite h4{color:#3087b0;font-size:12px;}
#agenceDroite p{font-size:11px; text-align: justify;}
#agenceDroite img{float:left;}
#agenceDroite blockquote{font-size:0.8em;font-style:italic; text-align: justify;}
.equ{width:125px;margin-right:0px;margin-bottom:5px;}
.equ:hover{border:1px solid black;width:123px;}
#planete{padding-right:15px;}
.equi{float:left;width:125px;text-align:center;}

.nom{}
.role{color:#3087B0;font-size:16px;margin-top:-15px;}
.portrait{float:left;padding-right:30px;width:128px;}
.descEq{font-size:13px;margin-top:40px;}

#pres{float:left;}
#pres h2{font-size:20px;background:white;height:35px;padding-left:35px;padding-right:35px;padding-top:15px;width:930px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:0px;}

#realis{float:left;}
#realis h2{font-size:20px;background:white;height:35px;padding-left:35px;padding-right:35px;padding-top:15px;width:930px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:0px;}
#realis a{float:left;color:#3191bf;}
#realis a:hover{border-bottom:1px dotted #3191bf;color:#3191bf;}
#realis img{width:290px;height:175px;padding-top:3px;padding-left:9px;float:left;}
#realis h3{margin-bottom:15px;}
#realis h4{margin-left:55px;}
#realis ul {
	font:.75em "lucida grande", arial, sans-serif;
	width:980px;
	list-style:none;
}
#realis li {
	height:199px;
	overflow:hidden;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	width:900px;
	background:url(../images/bgImg2.png) no-repeat center left;
}
#realis p {
	padding:0 10px;
	opacity:.8;
	width:550px;
	margin-left:330px;
	margin-bottom:0px;
	text-align:justify;
}

#realis hr{width:550px;float:left;margin-left:40px;}

#realis strong {
	display:block;
	padding-top:3px;
	font-weight:700;
	font-size:150%;
}

#contact{float:left;}
#contact h2{font-size:20px;background:white;height:35px;padding-left:35px;padding-right:35px;padding-top:15px;width:930px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top:0px;}

#coord{position:absolute;width:200px;height:80px;margin-left:750px;margin-top:70px;padding-left:10px;padding-bottom:10px;
-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:2px solid #D1A700;}
#coord:hover{background-color:#DDD3AC;}
#coord h3{font-size:14px;}
#coord p{font-size:11px;}
#coord a{color:black;}
#coord a:hover{color:#D1A700;background:none;}

.refCol{float:left;width:250px;padding-left:30px;padding-right:50px;margin-bottom:90px;}
.refCol h3{color:#45a9d9;font-size:18px;}
.refCol img{margin-left:30px;margin-bottom:30px;border:1px solid black;width:190px;height:130px;}
.sep2{width:2px;background-color:#c4c4c4;height:450px;float:left;}
.link a{float:right;color:black;font-size:12px;}
.link  a:hover{color:#45a9d9;}

.refCol2{float:left;width:250px;padding-left:30px;padding-right:50px;margin-bottom:80px;}
.refCol2 h3{color:#45a9d9;font-size:18px;}
.refCol2 img{margin-left:30px;margin-bottom:30px;border:1px solid black;}

.blH{float:left;width:1000px;}
.presGauche{float:left;width:128px;margin-left:30px;margin-right:30px;margin-top:30px;}
.presGauche img{}
.presMil{float:left;width:320px;padding-right:20px;}
.presMil h3{color:#45a9d9;font-size:18px;}
.presMil p{text-align:justify;font-size:12px;}
.presDroite{float:left;width:180px;font-size:12px;color:#45a9d9;margin-top:30px;line-height:180%;padding-left:40px;}
.presDroite img{width:17px;height:17px;padding-right:3px;margin-bottom:-3px;}
.bouton{float:left;width:210px;margin-top:35px;padding-left:40px;}
.space{width:800px;height:2px;margin-left:100px;margin-right:100px;background-color:#c4c4c4;float:left;margin-top:15px;}

.sep{width:1px;background-color:#c4c4c4;height:300px;float:left;}

#footH{z-index:-10;margin-top:-20px;height:40px;background-color:#efefef;border-top:1px solid #adadad;position:relative;}
#footer{width:100%;height:190px;background-color:#efefef;position:relative;float:left;}
#foot{width:1000px;margin:auto;font-size:12px;text-align:justify;color:#555555;}
#col1{float:left;width:263px;padding-left:35px;padding-right:35px;}
#col1 img{width:165px;height:35px;}

#col2{float:left;width:263px;padding-left:35px;padding-right:35px;}

#col3{float:left;width:263px;padding-left:35px;padding-right:35px;}
#col3 a{color:#555555;}
#col3 a:hover{color:black;}

/*     Formulaire     */

#form{
	text-align:center;
	color:#fff;
	font-family:verdana;
	width:450px;
	padding:15px;
	margin:0 auto;
	height:500px;}
	
#form h2,button{
	font-size:14px;color:#29d9c2;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	margin:0 auto 20px auto;
	padding:10px;	
	border:1px solid #42596d;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	background: #1a1f24;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42596d', endColorstr='#1a1f24'); /* for IE */
	background-image: -moz-radial-gradient(center,0px,center,500px,from(#42596d),to(#1a1f24));
	background-image: -webkit-gradient(radial,center top,0,center top,500,from(#42596d),to(#1a1f24));
	-webkit-transition: border .6s ease-in;
    -moz-transition: border .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;}
#form label{
	font-size:12px;
	color:black;}

#form input{
	padding:5px;
	margin:5px;
	background: #fff;
	width:270px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
	height:25px;
	-webkit-transition: all .6s ease-in;
	-moz-transition: all 1s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;}
	
#form textarea{
	padding:5px;
	margin:5px;
	background: #fff;
	width:270px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
	-webkit-transition: all .6s ease-in;
	-moz-transition: all 1s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;}

#form textarea:hover{border:1px solid #999;}

#form textarea:focus{
	border:1px solid #42596d;
	background: #B6D4E3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3598ee', endColorstr='#1a1f24'); /* for IE */
	background-image: -moz-radial-gradient(center,0px,center,500px,from(#3598ee),to(#1a1f24));
	background-image: -webkit-gradient(radial,center top,0,center top,500,from(#3598ee),to(#1a1f24));
	color:#fff;
}

#form input:hover{border:1px solid #999;}

#form input:focus{
	border:1px solid #42596d;
	background: #B6D4E3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3598ee', endColorstr='#1a1f24'); /* for IE */
	background-image: -moz-radial-gradient(center,0px,center,500px,from(#3598ee),to(#1a1f24));
	background-image: -webkit-gradient(radial,center top,0,center top,500,from(#3598ee),to(#1a1f24));
	color:#fff;
}

.button{
	border:1px solid #42596d;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	background: #1a1f24;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42596d', endColorstr='#1a1f24'); /* for IE */
	background-image: -moz-radial-gradient(center,0px,center,500px,from(#42596d),to(#1a1f24));
	background-image: -webkit-gradient(radial,center top,0,center top,500,from(#42596d),to(#1a1f24));
	-webkit-transition: border .6s ease-in;
    -moz-transition: border .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
	text-align:right;
	cursor:pointer;
	width:75px;
	height:40px;
	margin:auto;
	}
	
.button:hover{
	border:1px solid #fff;
}

#recaptcha_widget_div{
    margin-left : 69px;
}

#textMentions
{
    font-size: 12px;
    text-indent: 30px;
    text-align:justify;
    margin-left:200px;
    margin-right:200px;
    margin-bottom: 150px;
}

.textMen{margin-left:50px;margin-top:20px;margin-bottom: 20px;}
.textMen ul{margin-left:50px;}

#vitrine{
    margin : 10px;
    text-align: justify;
    font-size: 0.8em;
}

/* Page mentions légales */
#mentionsDroite{float:left;width:500px;padding-left:25px;padding-right:25px;padding-bottom:50px;}
#mentionsDroite h3{color:#3087b0;font-size:15px;}
#mentionsDroite h4{color:#3087b0;font-size:12px;}
#mentionsDroite p{font-size:14px;text-align:justify;}
#mentionsDroite ul{font-size:14px;list-style: none;margin-top:4px;}
#sepMentions{width:2px;height:1050px;float:left;background-color:#c4c4c4;margin-top:20px;}

#lastCrea{width:900px;margin:auto;min-height:200px;background-color:red;margin-bottom:30px;}