芝麻web文件管理V1.00

编辑当前文件:/home/prismawe/www/resuleg/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;
}
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;
}
/* FIN RESET CSS */
@font-face{font-family:'League_Gothic-webfont';src:url('../font/League_Gothic-webfont.ttf');}
body{background:url(../images/bg.jpg)top left;font-family:'Verdana';}
#content{width:979px;margin:0 auto;}
#centre{background:url(../images/bgCentre.png)top center repeat-y;float:left;width:100%;}
#gauche{float:left;width:22.5%;margin-right:2%;margin-left:2%;padding-top:10px;}
#droite{float:left;width:72%;padding-top:10px;}
#droite h1{text-align:center;font-size: 1em;}
#droite h2{text-align:center;font-size: 1em;}
#gauche #logo{float:left;width:100%;margin-bottom:18px;margin-left:5px;}
#gauche nav#menu{width:100%;height:200px;float:left;background:url(../images/bgMenu.png)0px -20px no-repeat;margin-left:-21px;padding-left:27px;}
#gauche nav#menu ul li{padding:10px 10px 10px 10px;}
#gauche nav#menu ul li.select,#gauche nav#menu ul li:hover{background:url(../images/bgUl.png)top left;padding:10px 10px 10px 45px;margin-left:-35px;}
#gauche nav#menu ul li a{text-decoration:none;color:#333;text-transform:uppercase;font-size:1.2em;font-family:'League_Gothic-webfont';}
#gauche nav#menu ul li.select a,#gauche nav#menu ul li:hover a{color:#f5f5f5;}
#gauche #social{float:left;width:100%;margin-bottom:20px;}
#gauche #social img{float:left;width:50px;margin-left:17px;margin-top:30px;-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#gauche #social img:hover{-moz-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);-o-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);transform: scale(1) rotate(20deg) translate(0px, 0px) skew(0deg, 0deg);-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
#pubV{float:left;margin-top:10px;width:100%;margin-left: 43px;}

#droite #pubH{float:left;width:100%;height: 195px;}
#droite #blocHaut{float:left;width:680px;background-color:#ce2b3c;color:#f5f5f5;border:10px solid #333;margin-top:25px;padding-bottom:15px;}
#droite #blocHaut p{font-family:'League_Gothic-webfont';font-size:2.2em;width:66%;margin-top:2%;margin-left:2%;float:left;text-transform:uppercase;}
#droite #blocHaut p.attenteTexte{width:96%;text-align:justify;margin-right:2%;font-size:1.7em;text-transform:none;}
#droite #blocHaut img{float:right;width:20%;margin-top:2%;margin-right:2%;}
#droite #blocHaut #social2{float:left;width:100%;}
#droite #blocHaut #social2 img{width:auto;float:left;margin-left:2%;}

#droite #blocHaut2{
    padding-left:10px;float:left;width:680px;background-color:#ce2b3c;color:#f5f5f5;border:10px solid #333;margin-top:25px;padding-bottom:15px;
}
#droite #blocHaut2 h3{
font-weight:bold;margin-top:5px;
}
#droite #blocHaut2 h1{font-family:'League_Gothic-webfont';font-size:2.2em;width:66%;margin-top:2%;margin-left:2%;float:left;text-transform:uppercase;}
#droite #col1{float:left;width:31.25%;margin-right:2.8%;}
#droite #col1 h2{font-size:0.9em;margin-bottom:15px;}
#droite #col1 form{float:left;margin-bottom:15px;}
#droite #col1 form select{float:left;width:100%;height:30px;margin-top:15px;}
#droite #col1 .blocCirc{float:left;width:186px;margin-top:7px;margin-bottom:7px;border:10px solid #333;background-color:#ca2536;padding:5px 7px;
text-transform:uppercase;line-height:14px;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;transition: all 500ms ease;}
#droite #col1 .blocCirc:hover{-webkit-box-shadow: inset 0px 0px 10px 0px #000000;box-shadow: inset 0px 0px 10px 0px #000000;
-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;
transition: all 500ms ease;}
#droite #col1 .blocCirc a{color:white;text-decoration:none;}
#droite #col1 .blocCirc h3{font-size:0.8em;}
#droite #col1 .blocCirc p{font-size:0.6em;}
#droite #col1 .flecheNav{width:100%;float:left;text-align:center;}
#droite #col1 .flecheNav img{cursor:pointer;}

#droite #col2{float:left;width:65.95%;}
#droite #col2 #tableauClassement{width:98%;float:left;margin-top:20px;border:4px solid #333;background-color:white;}
#droite #col2 #tableauClassement h2{color:white;background-color:#ce2b3c;line-height:30px;text-align:center;text-transform:uppercase;font-size:0.8em;}
#droite #col2 #tableauClassement ol{margin-bottom:-1px;}
#droite #col2 #tableauClassement ol li{list-style-type:decimal;list-style-position:inside;margin:0 2%;font-size:0.7em;line-height:30px;
border-bottom:1px solid #333;text-transform:uppercase;}
#droite #col2 #tableauClassement ol li span{float:right;}

footer#footer{width:96%;margin:20px 2%;float:left;border-top:1px solid #c8c8c8;padding-top:5px;}
footer#footer #footerG{width:50%;float:left;text-align:left;font-size:0.6em;text-transform:uppercase;font-family:'Verdana';letter-spacing:-1px;
line-height:14px;color:#333;}
footer#footer #footerG a{color:#333;}
footer#footer #footerD{width:50%;float:right;text-align:right;}

#socialStuffs{margin-left: 15px;margin-top:15px;}

#blocContact{ background-color: #516385;
    color: white;
    float: left;
    padding: 49px 20px 20px;
    text-align: justify;
    width: 659px;
margin-top: 25px;}
#blocContact #contact{width:500px;margin:auto;}
#blocContact #contact p.textareaP{float:left;width:500px;height:115px;margin-top:2px;}
#blocContact #contact p{float:left;width:500px;height:40px;margin-bottom:5px;}
#blocContact #contact label{width:150px;float:left;text-align:right;font-family:'Open Sans Condensed',sans-serif;font-size:16px;margin-top:10px;cursor:pointer;}
#blocContact #contact input{width:310px;float:right;padding:10px;border:0px;}
#blocContact #contact textarea{width:310px;float:right;padding:10px;height:95px;border:0px;}
#blocContact #contact button{background:url(../images/envoyer.png) top center no-repeat;width:82px;height:83px;border:0px;cursor:pointer;
float:left;margin-left:200px;margin-top:10px;}
#captcha2
{
    margin-left:20px;
}
#captcha2 img
{
    margin-left:150px;
}
#blocContact #captcha2 label
{
    margin-left:150px;
    float:right;
    width:312px;
    margin-bottom:5px;
}