/* 
	Nom : style.css
	Fonction : Thème pour ASD-micro
	Auteur : Loïc Saint-Roch
	Version : 1.0
	Site de l'auteur : http://loicsaintroch.fr/
*/

/* Corps de la page */
* {
margin : 0;
padding : 0;
}
body {
background : #eee url(images/bg-contenu.jpg) repeat-y center;
text-align : center;
font : normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color : #515151;
}
#main {
background : url(images/bg.jpg) no-repeat center top;
}
#site {
width : 1000px;
margin : 0 auto;
text-align : left;
position : relative;
}

/* Navigation */
#top {
width : 1000px;
height : 30px;
font : 11px Verdana, Arial, Helvetica, sans-serif;
}
#navigation {
height : 30px;
padding-left : 40px;
overflow : hidden;
}
#navigation li {
list-style-type : none;
height : 30px;
background : url(images/navigation-separation.jpg) no-repeat right top;
padding-right : 2px;
text-align : center;
float : left;
}
#navigation li a {
height : 24px;
display : block;
color : #baceda;
padding-top : 6px;
margin-right : 10px;
margin-left : 10px;
text-decoration : none;
}
#navigation li a:hover {
color : #fff;
}

/* Header */
#header {
width : 1000px;
height : 210px;
background : url(images/logo.gif) no-repeat 0% 0%;
}

/* Liens */
a {
text-decoration : none;
color : #669a26;
}
a:hover {
color : #107cab;
}

/* Paragraphes */
p {
margin : 15px 0 15px 0;
padding : 0 0 0 0;
text-align : justify;
}

/* Contenu de la page */
#container {
width : 895px;
margin : 15px 0 0 50px;
text-align : justify;
}
#content {
width : 610px;
float : left;
}
.bloc {
background : url(images/bg-bloc.jpg) no-repeat right bottom;
padding : 0 40px 20px 0;
margin : 0 0 30px 0;
}
.clear {
margin : 0 auto;
font-size : 1px;
clear : both;
}

/* Titres */
#header h1 {
width : 450px;
height : 140px;
line-height : 140px;
padding-left : 420px;
}
#header h1 a {
width : 450px;
height : 140px;
display : block;
}
h2 {
margin : 1.6em 0 0.9em 0;
font-weight : bold;
font-size : 1.6em;
color : #7cae39;
}
.bloc h2 {
margin : 0 0 0 0;
font-weight : bold;
font-size : 1.6em;
color : #7cae39;
}
h3 {
margin : 1.4em 0 0.9em 0;
font-weight : bold;
font-size : 1.3em;
color : #10729c;
}
#content h3 {
margin : 1.4em 0 0.9em 0;
font-weight : normal;
font-size : 1.2em;
color : #000;
}

/* Sidebar */
#sidebar {
width : 250px;
float : left;
padding-left : 20px;
}
#sidebar a {
color : #515151;
}
#sidebar a:hover {
font-weight : bold;
color : #7cae39;
}
#sidebar a img {
border : 0 none;
}
.puce-1 ul {
list-style : url(images/puce-1.gif);
padding : 0;
margin : 0 0 0 30px;
}
.puce-1 li {
margin-bottom : 2px;
}
.puce-2 ul {
list-style : url(images/puce-2.gif);
padding : 0;
margin : 0 0 0 30px;
}
.puce-2 li {
margin-bottom : 2px;
}

/* Contacts */
label {
display : inline-block;
float : left;
height : 26px;
line-height : 26px;
width : 220px;
margin-top : 3px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}
input, textarea, select {
width : 375px;
margin : 0;
padding : 5px;
color : #666;
background : #f5f5f5;
font-family : Helvetica;
font-size : 15px;
border : 1px solid #ccc;
margin : 5px 0;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}
span.required {
font-size : 17px;
color : #ff0000;
}
.captcha {
margin : 5px 0 0 20px;
}
input:focus, textarea:focus, select:focus {
border : 1px solid #999;
background-color : #fff;
color : #333;
}
input.submit {
display : block;
background : url(images/form-btn.png) 0% 0% no-repeat transparent;
color : #fff;
height : 28px;
line-height : 26px;
font-size : 13px;
width : 117px;
text-align : center;
font-weight : bold;
cursor : pointer;
margin : 30px 0 0 0;
}
input.submit:hover {
background : url(images/form-btn.png) 0% -28px no-repeat transparent;
}
.loader {
padding : 0 10px;
}
.error-message {
display : block;
line-height : 22px;
background : url(images/error.gif) 10px 6px no-repeat #fbe3e4;
margin-top : 30px;
margin-bottom : 32px;
padding : 3px 10px 3px 35px;
border : 1px solid #fbc2c4;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}
ul.error-messages {
margin : 10px 0 5px 15px;
padding : 0;
}
ul.error-messages li {
height : 22px;
line-height : 22px;
list-style : circle;
}
.success-message {
display : block;
line-height : 22px;
background : url(images/success.gif) 10px 6px no-repeat #c0de7a;
margin-top : 30px;
margin-bottom : 5px;
padding : 3px 10px 3px 35px;
border : 1px solid #528036;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
}

/* Footer */
#footer {
background : #086783 url(images/bg-footer.jpg) repeat-x;
height : 80px;
margin-top : 10px;
}
#footer-inner {
margin : 0 auto;
width : 1000px;
padding : 7px 0 0 20px;
color : #fff;
background : 
url(images/footer.jpg) no-repeat 0% 2px;
}
#footer-inner a:hover {
color : #fff;
}