/* Feuille de style CSS20 */

h1.titrepage
{
	text-align:left;
	font-family:Arial;
	margin:0 0 0 0;
	padding:4px 0 4px 10px;
	font-size:16px;
	letter-spacing:2px;
	color:white;
	background-image:url(css/bullet.png);
	width:auto
}


h1, h2, h3, h4, h5, h6 {color:red; padding:3px 0 5px 0; font-weight:bold}
h1 {font-size:18px}
h2 {font-size:18px}
h3 {font-size:15px}
h4 {font-size:14px}
h5 {font-size:12px}
h6 {font-size:10px}

h1.titrepage {text-align:center}
h1.titrepage span {margin:auto}

hr {margin-top:10px; margin-bottom:10px}

p
{
	margin:5px 0 5px 0;
	line-height:1.4em;
	padding:0
}

a:link{color:brown;text-decoration:underline}
a:visited{color:brown}
a:hover{color:red; text-decoration:underline}
a:active{color:#0000CC}

body
{
	text-align:center; 
	margin:0;
	background-color:white
}

#GlobalPage
{
	text-align:left;
	padding:0;
	margin:0 auto 0 auto;
	width:100%;
	background-color:white
}

#GlobalHeaderTop
{
	margin:0;
	padding:0;
	width:auto
}

#GlobalHeader
{
	text-align:center;
	background-image:url(css/bullet.png);
	background-color:white;
	width:980px;
	height:90px;
	margin:0 auto;
	padding:0;
	overflow:hidden
}

#GlobalHeader p.headTitle {margin-bottom:5px; color:#FFFFFF; font-size:2.2em; font-weight:bold}
#GlobalHeader p.headSubTitle {margin-bottom:5px; color:#FFFFFF; font-size:2em}
	
#GlobalHeaderBottom
{
        margin:2px 0 2px 0;
        padding:0;
        width:auto
}

#GlobalContenu
{
	border:0;
	padding:0;
	margin:auto;
	width:980px
}

#GlobalContenuGauche,#GlobalContenuCentre
{
       text-align:center;
       float:left;
       width:180px;
       margin:0 0 2px 0;
       padding:0
}

#GlobalContenuCentre
{
	float:right;
	width:785px;
	padding:0;
	margin:0;
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;
	box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px
}

#CentreBoxHead
{
	width:auto;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	background-image:url(css/bullet.png)
}

#CentreBoxHead p
{
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:30px;
	letter-spacing:1px;
	line-height:46px;
	overflow:hidden;
	height:1px
}

#CentreBoxBody
{
         width:auto
}

.CentreBoxBodyText 
{
	margin:0;			
	padding:25px 25px;
	text-align:left;
	width:auto;			
	overflow:hidden
}

#CentreBoxFooter
{
   height:2px;
   margin:0;
   overflow:hidden
}

#GlobalCopyright
{
	font-size:10px;
	color:grey;
	text-align:center;
	font-weight:bold;
	margin:0 auto;
	padding:0 0 5px 0;
	width:785px
}

#GlobalCopyright a
{
	color:grey
}

.Breaker
{
	overflow:hidden;
	height:1px;
	clear:both
}

#flag
{
	margin-top:20px;
	margin-bottom:20px
}

#infopage
{
	color:red;
	font-weight:bold;
	font-size:9px;
	text-align:center;
	margin:auto;
	display:none
}

#compteur
{
	color:red;
	font-weight:bold;
	font-size:9px
}

#waitUpload {text-align:center; margin:100px auto}

/*  Liste de liens  */
#liens {width:580px; margin:0 auto; margin-top:10px}
#liens div.lien {text-align:left; background-color:#F2F2F2}
#liens div.lien div.lien_description {text-align:left; padding:5px}
#liens div.lien div.lien_url {text-align:center; padding:2px; font-size:12px}
#liens div.lien div.lien_url a {text-decoration:none; color:red}
#liens div.lien div.lien_url a:hover {text-decoration:none; color:#CC0033}
#liens div.lien div.lien_banniere {text-align:center; padding:3px}
#liens div.lien div.lien_separation {text-align:center}
#liens div.lien_separation hr {text-align:center; width:200px; margin:0 auto 0 auto; color:red; border:1px; height:1px}

/*  Galerie  */
#galerie {width:610px; margin:0 auto; margin-top:10px}
#galerie div.article {float:left; width:192px; height:350px; border:solid 1px #FFCCFF; margin:3px; background-color:#F2F2F2}
#galerie div.article div.article_photo {height:155px}
#galerie div.article div.article_photo img {border:solid 3px white; vertical-align:top; margin:5px}
#galerie div.article div.article_reference {}
#galerie div.article div.article_reference div.catalogue_legende_reference {}
#galerie div.article div.article_description  {padding:5px}
#galerie div.article div.article_description span.designation {}
#galerie div.article div.article_description span.commentaire {}
#galerie div.article div.article_description span.caracteristiques {}
#galerie div.article div.article_description span.prix {}
#galerie div.article div.article_description a.prix {color:red}
#galerie div.article div.article_description a.prix:hover {color:black}
#galerie_aide {}
#galerie_aide .conversion {}
#galerie_aide .vide {font-weight:bold}
#galerie_nav {text-align:center; font-family:Arial; font-size:12px; color:red}
#galerie_nav a {color:red}
#galerie_nav a:hover {color:black}
#galerie .selected {font-weight:bold; font-size:14px; color:black}

/*  Galerie  Liste */
#galerieListe {width:610px; margin:0 auto; margin-top:10px}
#galerieListe img{border:0}
#galerieListe div.article {width:600px; height:30px; border:solid 1px #FFCCFF; margin:0}
#galerieListe div.article div.article_pictos {float:left; text-align:center; width:80px; overflow:hidden}
#galerieListe div.article div.article_reference {float:left; text-align:left; width:40px; overflow:hidden;line-height:30px}
#galerieListe div.article div.article_description  {float:left; text-align:left; width:355px; line-height:30px; overflow:hidden}
#galerieListe div.article div.article_prix {float:left; text-align:right; line-height:30px; width:110px; overflow:hidden}
#galerieListe div.article div.article_prix span.prix {text-align:right}
#galerieListe div.article div.article_prix a.prix {color:red}
#galerieListe div.article div.article_prix a.prix:hover {color:black}
#galerieListe_aide {}
#galerieListe_aide .conversion {}
#galerieListe_aide .vide {font-weight:bold}
#galerieListe_nav {text-align:center; font-family:Arial; font-size:12px; color:red}
#galerieListe_nav a {text-decoration:none; color:red}
#galerieListe_nav a:hover {text-decoration:none; color:black}
#galerieListe .selected {font-weight:bold; font-size:14px; color:black}

/*  Contact  */
#contact {width:580px; padding:5px; margin:5px auto; background-color:#F2F2F2}
#contact div.row {clear:both; padding-top:10px}
#contact div.row span.label {float:left; width:250px; text-align:right}
#contact div.row span.formw {float:right; width:250px; text-align:left}
#contact_infos {}

/*  Petites annonces  */
#annonces {width:580px; padding:5px; margin:5px auto}
#annonces table {width:500px; padding:5px; margin:5px auto; background-color:#F2F2F2}
#annonces table td {padding:5px}
#annonces input, #annonces select {font-size:10px}
#annonces li, #annonces p {text-align:left}
#annonces hr {color:red; border:1px; height:1px}
#annonces div.annonce_add {text-align:center; margin:5px}
#annonces a {color:red}
#annonces a:hover {color:#CC0033}

/*  Mailing  */
#mailing {width:580px; padding:5px; margin:5px auto; background-color:#F2F2F2}
#mailing div.mail_input {margin:0 auto; width:350px; text-align:center; border:1px solid red; padding:10px}
#mailing div.mail_infos {text-align:left; font-size:11px; letter-spacing:0; margin-top:15px}
#mailing div.mail_infos li {text-align:left}

/*  Formulaire  */
#formulaire {width:580px; padding:5px; margin:5px auto; background-color:#F2F2F2}
#formulaire div.formulaire {width:550px; margin:0 auto; text-align:center; padding:10px}

input[type="text"] 
{
	padding:15px
}


#frise
{
	width:160px;
	height:147px;
	margin:0 auto 0 auto;
}

#GlobalIntroCentre {}
#GlobalIntroLangue {text-align:center; margin:20px}
#GlobalIntroLangue img {margin:3px}
#GlobalIntroCopyright {}
.intro {border:solid 1px red}

table.bourse
{
      margin:15px auto 15px auto;
}

table.bourse td
{
      padding:5px;
}

table.medaille td, table.CA td
{
      padding:8px;
}

.conseilAdmin {width:500px; margin:15px auto; border:solid 1px grey; border-collapse:collapse}
.conseilAdmin td {padding:10px; border:solid 1px grey}

.googleSearch {text-align:left; margin:auto; width:750px}
.googleSearch a:link {color:blue}

#titreSite {float:left; width:500px}
#titreSite p {text-align: left; margin:33px auto 0 10px; font-weight: bold; color: white; font-size: 25px; font-family: Arial}
#googleHead {float:right; text-align:left; width:300px; margin:0 25px auto auto}

#GlobalHeader div {}
#GlobalHeader div img {margin:5px auto 0 25px}

.indexLeftCol {
	width: 420px;
}

.indexRightCol {
	width: 280px;
	border-left: 1px solid #e5e5e5;
	margin:0 10px 0 10px
}