/* @override http://www.voxpopuli.fr/css/main-1.css */

/* CSS Document */

* { padding:0; margin:0;
}
body { background:#F2F2F2; font: 12px Arial, Helvetica, sans-serif; color:#3d3d3d; }

/* Balises */
a { color: #0088cc; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border:0;
}
.both { clear:both; }
.center { text-align:center; }
.right { text-align:right; }
.link { margin-bottom:0; text-align:right; }
h1 { font: 25px Arial; margin-bottom:20px; color:#f37c02; }
h2 { font-size:13px; margin-bottom:10px; }
h3 { font-size:12px; margin-bottom:5px; }
p { margin-bottom:10px; line-height: 18px;
}
ul { margin: 0 0 6px 30px; line-height: 18px; }
li { padding-bottom: 4px; }
.img { padding:2px; border:1px solid #EEE; }
fieldset { padding:10px 20px; margin-bottom:10px; }
legend { font-weight:bold; }

/* Form */
form { margin:auto; }
label { display: block; float:left; width:150px; }
input[type=text], input[type=password]  { width:180px; font: 12px Arial; padding:2px; border:1px solid #DDD; color:#333; }
input[type=submit] { font: 12px Arial; }
textarea { font: 12px Arial; width:340px; height:150px; border:1px solid #DDD; color:#333; }
select { border:1px solid #DDD; font:inherit; }

/* Site */
#site { width: 980px; margin:auto; background: url('../pictures/design/content.jpg') repeat-y; }
#bottom { background: url('../pictures/design/bottom.jpg') no-repeat; background-position: left bottom; padding:10px 20px 20px 20px;}


/* Header */
#header { height:130px; }
#header #logo { margin-left:10px; margin-bottom:10px; width:347px; height:55px; cursor:pointer; background: url('../pictures/design/logo3.jpg') no-repeat; }

/* Menu */
#menu { width:940px; height:35px; margin:auto; background: url('../pictures/design/bg_menu.jpg') no-repeat; padding-top:6px; margin-bottom:10px; }
#menu ul { float:left; width:680px; height:25px; list-style: none; margin:0; margin-right:8px; margin-top:-4px; }
#menu li { float:left; margin-left:20px; padding-top:2px; }
#menu a { display:block; font-size: 16px; color:#FFF; padding:5px; }
* html #menu a { padding-bottom:0; }
#menu a:hover { text-decoration:none; color:#f37c02;
}
#menu li a.current { text-decoration:none; color:#f37c02; }
#search { float:right; width:215px; }
#search input[type=text] { width:160px; }
#search input[type=image] { vertical-align:middle; padding-bottom:3px; }

/* Content */
#left { width: 400px; margin-left: 30px;
	float: left;
}
#right { width: 400px; margin-right:30px;
	float: right;
}
#right h2 { font-size:14px; margin-bottom:15px;
}
#baseline { width:340px; line-height:23px; }

.cols { float:left; width: 227px; height:238px; margin-left:60px; padding:10px; background: url('../pictures/design/bg_cols.png') no-repeat; }
.cols2 { float:left; width:173px; height:205px; margin-left:30px; padding:10px; background: url('../pictures/design/bg_cols2.png') no-repeat; }
.cols h3 { font-size: 15px; color:#f37c02; }
.cols p { line-height:20px; }

/* Footer */
#footer { clear: both; width:980px; margin: auto; font-size:11px; color:#636363; height:40px; }
#footer p { margin:0; }
#footer .left { float:left; width:400px; padding-left:12px;  }
#footer .right { float:right; width:400px; padding-right:12px;  }
#footer a { color:#636363; }

/* Messages utilisateur */
.infos { color:green; background: url('../pictures/design/accept.png') no-repeat; height: 20px; padding-left: 24px; line-height:16px; }
.avertissement { color:#FB7D28; background: url('../pictures/design/error.png') no-repeat; height:20px; line-height:16px; padding-left: 24px; }
.avertissement a { color:#FB7D28; }
.erreur { color:red; background: url('../pictures/design/exclamation.png') no-repeat; height:20px; line-height:16px; padding-left:24px; }
.erreur a { color:red; }

/* Tableaux */
#liste { width: 620px; margin:auto; border:1px solid #d4d4d4; }
#liste th { padding:3px; background-color: #666666; color:#FFF; }
#liste tfoot { padding:3px; background-color:#88AAAB; color:#FFF; font-weight:bold; }
#liste tr { height: 10px; }
#liste td { width:auto; padding:2px; }

/* Note dynamique */
#etoiles { float:left; margin-left:4px; }
div.s5 div,div.s4 div,div.s3 div,div.s2 div,div.s1 div,div.s0 div { width:19px; cursor:pointer; height:19px; display:block; float:left;}
.s0,.s1, .s2, .s3, .s4, .s5 { width:95px; height:19px; float:left; margin:0 5px 0 0; background-image:url('../pictures/design/etoile.gif');  }
.s0 {background-position:0px 19px;}
.s1 {background-position:0px 38px;}
.s2 {background-position:0px 57px;}
.s3 {background-position:0px 76px;}
.s4 {background-position:0px 95px;}
.s5 {background-position:top left;}

/*ajout Jimmy ALAVIN du 18/05/2011  Mise en page pour référencement*/

h1.titre
{

font-size: 40px;
color: rgb(255, 153, 0);
line-height:26px;
}

span.grise{
color: rgb(128, 128, 128);
font-size: 17px;
}
span.orange {
color: rgb(255, 153, 0);
font-size: 25px;
}
span.orange-large{
color: rgb(255, 153, 0);
font-size: 30px;
line-height:20px;
}
h2.titre{
color: rgb(255, 153, 0);
font-size: 15px;
font-weight: bold;

}
h3.titre{
font-size: 13px;
font-weight: bold;

}