芝麻web文件管理V1.00

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

/*************************************************/
/****************** RESET CSS *****************/
/*************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Verdana, Geneva, sans-serif;
	height:100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong{font-weight:bold;}

/*************************************************/
/**************FIN RESET CSS *****************/
/*************************************************/

.center{width:940px;margin:0 auto;}

#hd1{width:100%;height:100px;background:url(../images/bgHeader.png);background-position:bottom left;background-repeat:repeat-x;z-index:-99;position:absolute;}
.logo{width:247px;height:58px;float:left;margin-top:19px;}
#hd1 #menu{float:right;width:600px;}
#hd1 #menu a img{margin-top:5px;}

#headerSlideContainer{position:fixed;top:-75px;width:100%;background:url(../images/bgHeader.png);background-position:bottom left;background-repeat:repeat-x;background-color:white;z-index:999;}
#headerSlideContent{width:940px;height:75px;margin:0 auto;color:white;z-index:999;}
#headerSlideContent .logo{margin-top:5px;width:62px;height:62px;}
#headerSlideContent .logo img{width:60px;height:60px;}

#menu2{float:right;width:750px;margin-top:15px;text-align:center;}
#menu2 li{float:left;margin:4px;}
#menu2 ul{float:right;}
#menu2 li a{float:right;padding:13px 10px 2px 8px;text-align:center;text-decoration:none;color:black;font-size:1em;font-family: 'Open Sans Condensed', sans-serif;text-transform: uppercase;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#IE #menu2 li a{font-size:0.9em;}

#menu2 li a:hover{background-color:#222222;color:white;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#menu2 li a img{float:left;margin-right:7px;}
#menu2 li span{float:left;}

#menuHeader li { display: inline; float:left;}
#menuHeader li.current_page_item a{color:#c6c6c6;}
#menuHeader li a { color: black; font-size: 14px; display: block; float: left; width:100px;padding:30px 0px 50px 0px; text-decoration: none; text-transform: uppercase; text-align:center;
-webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;font-size:1em;font-family: 'Open Sans Condensed', sans-serif;}
#menuHeader li a:hover { color: white; -webkit-transition: all 700ms ease;-moz-transition: all 700ms ease;-ms-transition: all 700ms ease;-o-transition: all 700ms ease;transition: all 700ms ease;}
#magic-line { position: absolute; left: 0; width:100px; height: 113px; background: url(../images/bgMenu.png);z-index:-1; }

#IE #menuHeader li a{font-size:0.9em;}

#banniere{width:100%;height:430px;margin-top:65px;position:absolute;z-index:-999;}

#content{float:left;width:100%;min-height:100%;margin-top:100px;}

#produits{width:100%;float:left;margin-top:500px;}
.produit{width:22.4468%;float:left;padding-top:10px;border-top:6px solid #dfdfdf;margin:10px 1.2766%;height:155px;}
.produit h2{color:#333333;font-size:1.3em;font-family: 'Open Sans Condensed', sans-serif;font-weight:bold;margin-bottom:10px;}
.produit img{width:37.9%;height:auto;float:left;margin-right:2.3%;}
.produit p{font-family:Verdana, Geneva, sans-serif;font-size:0.7em;color:#333333;line-height:17px;text-align:justify;}
.produit p a{color:#009cc7;text-decoration:undeline;}
span.italic{font-style:italic;}

#derniereRea{width:100%;float:left;margin-bottom:10px;}
#derniereRea #titreRea{width:100%; height:48px;float:left;background:url(../images/derniereRea.png);text-align:center;color:white;padding-top:14px;font-size:1.2em;font-family: 'Open Sans Condensed', sans-serif;font-weight:bold;margin-bottom:20px;}

#pageAgence{width:100%;float:left;margin-top:60px;margin-bottom:60px;}
#pageAgence #blocEquipe{width:270px;float:left;padding:15px;background-color:#3e8bd2;color:white;}
#IE #pageAgence #blocEquipe{font-size:0.8em;}
#pageAgence #blocEquipe h1{font-size:1.3em;font-family: 'Open Sans Condensed', sans-serif;margin-bottom:15px;}
#pageAgence #blocEquipe h2{font-size:1.7em;font-family: 'Open Sans Condensed', sans-serif;}
#IE #pageAgence #blocEquipe h2{margin-bottom:7px;}
#pageAgence #blocEquipe h3{font-size:1.1em;font-family: 'Open Sans Condensed', sans-serif;margin-bottom:5px;}
#pageAgence #blocEquipe img{float:left;width:81px;height:81px;margin-right:15px;}
#pageAgence #blocEquipe .socialEquipe img{width:30px;height:30px;float:left;margin-right:5px;}
#pageAgence #blocEquipe hr{float:left;width:100%;border:0;background-color:white;height:1px;}
#pageAgence #blocEquipe .membre{width:100%;float:left;}
#pageAgence #qui{width:620px;float:left;margin-left:20px;}
#pageAgence #qui h1{font-size:1.3em;font-family: 'Open Sans Condensed', sans-serif;color:#3e8bd2;margin-bottom:20px;text-transform:uppercase;}
#IE #pageAgence #qui h1{font-size:1.1em;}
#pageAgence #qui h2{font-size:1em;font-family: Verdana;color:#333;font-style:italic;}
#pageAgence #qui p{font-size:0.7em;font-family: Verdana;color:#333;line-height:19px;margin-bottom:15px;text-align:justify;}
#pageAgence #valeurs{float:left;width:100%;margin-top:30px;color:#333;}
#pageAgence #titreValeur{width:100%;float:left;height:20px;margin-bottom:15px;}
#pageAgence #titreValeur hr{width:100%;border:0;background-color:#d3d3d3;height:1px;}
#pageAgence #titreValeur h1{width:230px;padding:0 15px;margin:auto;font-size:1.3em;font-family: 'Open Sans Condensed', sans-serif;margin-bottom:15px;text-transform:uppercase;color:#3E8BD2;background-color:white;margin-top:-20px;text-align:center;}
#IE #pageAgence #titreValeur h1{font-size:1.1em;}
#pageAgence #valeurs #onetwo{width:100%;background:url(../images/onetwo.png);float:left;background-position:top left;background-repeat:no-repeat;}
#pageAgence #valeurs #one{width:570px;height:180px;float:left;margin-left:55px;margin-top:16px;}
#pageAgence #valeurs #one h2{font-size:1.2em;font-style:italic;margin-bottom:15px;}
#pageAgence #valeurs #one p{font-size:0.7em;line-height:19px;text-align:justify;}
#imgOne{float:right;width:299px;height:157px;margin-top:15px;}
#pageAgence #valeurs #two{width:300px;float:right;margin-top:36px;}
#pageAgence #valeurs #two h2{font-size:1.2em;font-style:italic;margin-bottom:15px;margin-left:55px;}
#pageAgence #valeurs #two p{font-size:0.7em;line-height:19px;text-align:justify;}
#imgTwo{float:left;width:597px;height:315px;margin-left:23px;margin-top:50px;}
#threeFourFive{width:100%;background:url(../images/tff.png);float:left;background-position:top left;background-repeat:no-repeat;margin-top:15px;margin-bottom:20px;}
#pageAgence #valeurs #three{width:300px;float:left;margin-right:20px;margin-top:16px;}
#pageAgence #valeurs #three h2{font-size:1.2em;font-style:italic;margin-bottom:15px;margin-left:55px;}
#pageAgence #valeurs #three p{font-size:0.7em;line-height:19px;text-align:justify;}
#pageAgence #valeurs #four{width:300px;float:left;margin-right:20px;margin-top:16px;}
#pageAgence #valeurs #four h2{font-size:1.2em;font-style:italic;margin-bottom:15px;margin-left:55px;}
#pageAgence #valeurs #four p{font-size:0.7em;line-height:19px;text-align:justify;}
#pageAgence #valeurs #five{width:300px;float:left;margin-top:16px;}
#pageAgence #valeurs #five h2{font-size:1.2em;font-style:italic;margin-bottom:15px;margin-left:55px;}
#pageAgence #valeurs #five p{font-size:0.7em;line-height:19px;text-align:justify;}

#pageServices{width:100%;float:left;margin-top:60px;margin-bottom:60px;}
#pageServices .service{width:220px;float:left;text-align:center;color:#333;margin-bottom:50px;height:333px;}
#pageServices .service img{width:105px;height:auto;loat:left;}
#pageServices .service #site{width:100%;float:left;height:5px;background-color:#4a76d1;margin:10px 0;}
#pageServices .service #ecommerce{width:100%;float:left;height:5px;background-color:#37b0de;margin:10px 0;}
#pageServices .service #access{width:100%;float:left;height:5px;background-color:#6dab31;margin:10px 0;}
#pageServices .service #responsiv{width:100%;float:left;height:5px;background-color:#fadf25;margin:10px 0;}
#pageServices .service #maintenance{width:100%;float:left;height:5px;background-color:#de6c22;margin:10px 0;}
#pageServices .service #ref{width:100%;float:left;height:5px;background-color:#ec2929;margin:10px 0;}
#pageServices .service #adwords{width:100%;float:left;height:5px;background-color:#c36ca2;margin:10px 0;}
#pageServices .service #intra{width:100%;float:left;height:5px;background-color:#782e5c;margin:10px 0;}
#pageServices .service h2{text-align:justify;min-height:30px;float:left;width:100%;text-transform:uppercase;font-family: 'Open Sans Condensed', sans-serif;font-size:1.2em;}
#pageServices .service h2 img{width:18px;height:29px;float:left;margin-right:5px;}
#pageServices .service p{text-align:justify;font-family:Verdana, Geneva, sans-serif;font-size:0.7em;line-height:19px;}
#pageServices .spaceService{width:20px;height:50px;float:left;}
#pageServices #ligne1{float:left;width:100%;height:490px;}
#pageServices #ligne2{float:left;width:100%;height:385px;}

#pageRea{width:100%;float:left;margin-top:40px;margin-bottom:60px;}
#pageRea #colGaucheLarge #imgFiche img{float:left;width:99%;height:auto;border:3px solid #e3e3e3;}
#pageRea #colGaucheLarge{float:left;width:620px;}
#pageRea #colGaucheLarge #ombre{width:100%;float:left;}
#pageRea #colGaucheLarge #ombre img{width:100%;float:left;}
#pageRea #colGaucheLarge #fichePrec{width:200px;float:left;text-align:left;margin-bottom:150px;}
#pageRea #colGaucheLarge #fichePrec img,#pageRea #colGaucheLarge #fichePrec a{float:left;}
#pageRea #colGaucheLarge #fichePrec span{padding:8px 6px 7px 6px;float:left;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#pageRea #colGaucheLarge #fichePrec span:hover,#pageRea #colGaucheLarge #ficheSuiv span:hover{background-color:#333333;color:white;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#pageRea #colGaucheLarge #ficheSuiv{width:200px;float:right;text-align:right;margin-bottom:150px;}
#pageRea #colGaucheLarge #ficheSuiv img{float:right;}
#pageRea #colGaucheLarge #ficheSuiv span{padding:8px 6px 7px 6px;float:right;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#pageRea #colGaucheLarge #fichePrec a,#pageRea #colGaucheLarge #ficheSuiv a{color:#333;text-decoration:none;text-transform:uppercase;font-size:0.66em;}
#pageRea #ColDroite{float:left;width:300px;margin-left:20px;margin-bottom:30px;}
#pageRea #ColDroite #infoFicheRea{width:100%;float:left;color:#333;line-height:16px;}
#pageRea #ColDroite #infoFicheRea h2{width:100%;float:left;font-family: 'Open Sans Condensed', sans-serif;font-size:1.5em;margin-bottom:5px;}
#pageRea #ColDroite #infoFicheRea span#date{width:100%;float:left;font-size:0.66em;font-style:italic;}
#pageRea #ColDroite #infoFicheRea h3{font-weight:bold;font-size:0.7em;margin-top:15px;width:100%;float:left;}
#pageRea #ColDroite #infoFicheRea p{width:100%;float:left;font-size:0.7em;}
#pageRea #ColDroite #infoFicheRea a#url{color:#2655b5;font-style:italic;font-size:0.75em;text-decoration:none;}

#pageContact{width:100%;float:left;margin-top:60px;margin-bottom:60px;color:#333;}
#pageContact #colGaucheLarge{float:left;width:620px;}
#pageContact #colGaucheLarge label{cursor:pointer;}
#pageContact #colGaucheLarge #infos{float:left;width:100%;margin-bottom:40px;}
#pageContact #colGaucheLarge #infos h1{font-size:1.2em;font-style:italic;margin-bottom:15px;}
#pageContact #colGaucheLarge #infos p{font-size:0.7em;margin-bottom:15px;text-align:justify;width:100%;line-height:19px;}
#pageContact #colGaucheLarge p{width:300px;float:left;margin-bottom:20px;}
#pageContact #colGaucheLarge p.deuxCol{width:100%;float:left;}
#pageContact #colGaucheLarge p.deuxCol input{width:14px;float:left;}
#pageContact #colGaucheLarge p.deuxCol label{width:270px;float:left;margin-top:2px;margin-left:5px;}
#pageContact #colGaucheLarge p.deuxCol label#labelTitre{width:100%;margin-bottom:15px;}
#pageContact #colGaucheLarge form p label{width:100%;float:left;text-transform:uppercase;font-size:0.8em;margin-bottom:4px;}
#pageContact #colGaucheLarge form p input{width:99%;float:left;padding:8px 0;border:1px solid #d5d5d5;background-color:#f4f4f4;}
#pageContact #colGaucheLarge .sepForm{width:20px;float:left;height:20px;}
#pageContact #colGaucheLarge form textarea{width:99%;height:150px;float:left;}
#pageContact #colGaucheLarge form p#oblig{font-size:0.7em;color:#bc0000;}
#pageContact #colGaucheLarge form p #submit{float:right;width:100px;text-align:center;color:white;background-color:#3c88cf;border:0px;height:40px;cursor:pointer;}

#pageContact #ColDroite #adresse{float:left;width:300px;margin-left:20px;background-color:#3c88cf;color:white;margin-bottom:30px;}
#pageContact #ColDroite h2{font-family: 'Open Sans Condensed', sans-serif;font-size:1.5em;width:88%;margin:10px auto 17px;}
#pageContact #ColDroite p{line-height:17px;width:88%;margin:0 auto;font-size:0.8em;margin-bottom:15px;}

#pageContact #ColDroite #telephone{float:left;width:300px;margin-left:20px;background-color:#3c88cf;color:white;}
#pageContact #ColDroite #telephone form{text-align:center;}
#pageContact #ColDroite #telephone input{width:100%;border:0px;padding:8px 0;}
#pageContact #ColDroite #telephone input#submit2{width:62px;height:62px;background:url(../images/call.png);margin-top:10px;cursor:pointer;}

a#nousContacter{float:left;margin-top:30px;text-decoration:none;}

#ft1{width:100%;height:150px;background:url(../images/bgFooter.png);padding-top:18px;float:left;}
#ft1 p{color:white;font-family: 'Open Sans Condensed', sans-serif;font-size:0.9em;line-height:20px;}
#IE #ft1 p{font-size:0.8em;}
#ft1 p a{color:white;text-decoration:none;}
#ft1 p a:hover{text-decoration:underline;}
#ft1 #footerLeft{float:left;width:50%;}
#ft1 #social{float:right;width:50%;text-align:right;}

.da-thumbs li{float:left;margin:5px;background:#fff;padding:8px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative;}
.da-thumbs li a{overflow:hidden;}
.da-thumbs li a div{position:absolute;background:rgba(75,75,75,0.7);width:100%;height:100%;}
.da-thumbs li a div.da-animate{-webkit-transition:all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/* Initial state classes: */
.da-slideFromTop{left:0px;top:-100%;}
.da-slideFromBottom{left:0px;top:100%;}
.da-slideFromLeft{top:0px;left:-100%;}
.da-slideFromRight{top:0px;left:100%;}
/* Final state classes: */
.da-slideTop{top:0px;}
.da-slideLeft{left:0px;}
.da-thumbs{list-style:none;width:984px;height:600px;position:relative;margin:20px auto;padding:0;}
.da-thumbs li{float:left;margin:5px;background:#fff;padding:8px;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.da-thumbs li a,.da-thumbs li a img {display:block;position:relative;}
.da-thumbs li a{overflow:hidden;}
.da-thumbs li a div{position:absolute;background:rgba(75,75,75,0.7);width:100%;height:100%;}
.da-thumbs li a div.da-animate{-webkit-transition:all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/* Initial state classes: */
.da-slideFromTop{left:0px;top:-100%;}
.da-slideFromBottom{left:0px;top:100%;}
.da-slideFromLeft{top:0px;left:-100%;}
.da-slideFromRight{top:0px;left:100%;}
/* Final state classes: */
.da-slideTop{top:0px;}
.da-slideLeft{left:0px;}
.da-thumbs li a div span{display: block;padding: 10px 0;margin: 40px 20px 20px 20px;text-transform: uppercase;font-weight: normal;color: rgba(255,255,255,0.9);text-shadow: 1px 1px 1px rgba(0,0,0,0.2);border-bottom: 1px solid rgba(255,255,255,0.5);box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);}

/** ScrollToTop **/
#scrollToTop a{position:fixed;right:20px;bottom:10px;opacity:0.6;}
#scrollToTop a:hover{opacity:1;}
#envoye{color:green;}
.erreur{color:red;}
#captcha2 input{margin-bottom:15px;margin-top: 15px;}
#captcha2{width:319px;}

@media (max-width:980px) {
	.center{width:100%;margin:0 auto;}
	#hd1{float:left;width:100%;background-color:white;height:100px;}
	.logo{width:100%;float:left;height:82px;}
	.logo h1{width:247px;display:block;margin:5px auto;}
	#headerSlideContainer{display:none;}
	#banniere{display:none;}
	#hd1 #menu{float:left;width:90%;margin:30px 5% 10px 5%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #bbbbbb;}
	#menu ul.group{width:100%;text-align:center;float:left;}
	#menuHeader li{width:100%;float:left;border-bottom:1px solid #bbbbbb;}
	#menuHeader li#lastLi{border-bottom:0px;}
	#menuHeader li a{width:88%;padding:12px 5% 0px 5%;text-align:left;float:left;background:url(../images/next.png);background-repeat:no-repeat;background-position:center right;}
	#menuHeader li a br{display:none;}
	#menuHeader li a img{float:left;}
	#menuHeader li#magic-line{background:none;display:none;}
	#hd1 #menu a img {margin-right:10px;margin-top:0px;}
	#menuHeader li a:hover{color:black;}
	#produits{width:90%;margin:390px 5% 15px 5%;}
	#derniereRea{width:90%;margin:0 5%;}
	#content{width:90%;margin:390px 5% 0 5%;}
	#pageServices #ligne1{float:left;width:100%;height:auto;}
	#pageServices #ligne2{float:left;width:100%;height:auto;}

}

@media (max-width:800px) {
	body{background-color:white;}
	#hd1 #menu{background-color:white;}
	#produits{display:none;}
	#derniereRea{display:none;}
	#produits .produit{width:100%;padding-top:10px;margin:10px 0px;}
	#da-thumbs{width:310px;}
	#derniereRea #titreRea{color:white;background:url(../images/derniereRea2.png);background-repeat:no-repeat;background-position:top center;}
	#ft1 #footerLeft{width:90%;margin:0 5%;margin-bottom:15px;} 
	#ft1 #social{width:90%;margin:0 5%;text-align:left;}
	.footerIndex{margin-top:430px;}
	
	
	#pageAgence #blocEquipe{width:90%;padding:15px 5%;margin-bottom:20px;}
	#pageAgence #qui{width:100%;margin:0;}
	#pageAgence #valeurs #onetwo{background:none;}
	#pageAgence #valeurs #one{width:100%;margin-left:0px;}
	#imgOne{margin:10px auto;float:left;width:100%;text-align:center;height:auto;}
	#imgOne img{width:100%;}
	#pageAgence #valeurs #two{width:100%;margin:0;}
	#pageAgence #valeurs #two h2{margin-left:0;}
	#imgTwo{width:100%;height:auto;margin:10px 0;}
	#imgTwo img{width:100%;}
	#threeFourFive{background:none;margin-top:0;}
	#pageAgence #valeurs #three,#pageAgence #valeurs #four,#pageAgence #valeurs #five{width:100%;margin:10px 0;}
	#pageAgence #valeurs #three h2,#pageAgence #valeurs #four h2,#pageAgence #valeurs #five h2{margin-left:0;}
	#pageServices .service{width:100%;height:auto;}
	#pageServices .spaceService{display:none;}
	#pageServices{margin-top:30px;}
	#pageContact #colGaucheLarge{width:100%;}
	#pageContact #colGaucheLarge p{width:100%;}
	#pageContact #colGaucheLarge p.deuxCol span{width:100%;float:left;}
	#pageContact #colGaucheLarge p.deuxCol label{width:auto;}
	#pageContact #colGaucheLarge form p#oblig{margin-bottom:0;}
	#pageContact #colGaucheLarge .sepForm{display:none;}
	#pageContact #ColDroite #adresse,#pageContact #ColDroite #telephone{width:100%;margin-left:0;}
	#pageRea #colGaucheLarge{width:100%;}
	#pageRea #colGaucheLarge #ficheSuiv,#pageRea #colGaucheLarge #fichePrec{display:none;}
	#pageRea #ColDroite{margin:20px 0 0 0;width:100%;}

}