/*
CSS du blog
*/
/*styles généraux*/
body {
	/*width:900px;
	margin:auto;*/
	margin-top:0px;
	padding-top:0px;
	background-image:url(images/2.png);
	border:none;
	font-family:"Times New Roman", Times, serif;
	color:#000000;
}
#boitedesignfond
{
	background-image:url(images/1.png);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:0px;
}
#boiteglobale{
	width:900px;
	margin:auto;
	background-image:url(images/1.png);
	background-repeat:repeat-x;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:20px;
	background-color:#000000;

}
button {
width:32px;
height:30px;
border:none;
background-color:#999999;
}

table{
padding:0px;
}
tr{
padding:0px;}
td {
vertical-align:top;
padding-top:0px;}

p{
padding-top:0px;}

a:link,a:visited,a:active{
	color:#000066;
	text-decoration:none;
	font-weight:bold;
	}
a:hover{
	text-decoration:underline;}

li{
list-style-image:url(images/boulet.png);}

#box1 {
margin:0px;
width:100%;
background-color:white;
border-bottom:1px solid white;
}

/*Ceci est la barre du menu, les différents conteneurs viennent ensuite*/
#menu {
	/*float:left;*/
	width:170px;
	min-height:300px;
	padding:20px;
	background-color:#ffffff;
	
}

/*D'abord le conteneur des menus*/
.hautmenuitem{
	background-image:url(images/haut-login.png);
	width:172px;
	height:10px;
}
.basmenuitem{
	background-image:url(images/bas-login.png);
	width:172px;
	height:10px;
}

.menuitem{
	border:1px solid black;
	background-color:black;
	color:#FFFFFF;
	width:150px;
	padding-left:10px;
	padding-right:10px;
}

/*Voilà comment doit se présenter le conteneur des articles */
#hautbox1{
	background-image:url(images/barre.jpg);
	width:900px;
	height:40px;
}

.titreart{
	padding-top:0px;
	padding-left:27px;
	background-image:url(images/barre_titre2.png);
	width:650px;
	height:42px;
	margin:0px;
	font-weight:bold;
	color:#FFFFFF;
}

.titreart p{
	padding-top:13px;
	line-height:13px;
}

#basbox1{
	background-image:url(images/bas-contenu.png);
	width:900px;
	height:26px;
}
.bascontenu{
	background-image:url(images/bas_cont.png);
	height:20px;
	width:676px;}
.hautcontenu{
	background-image:url(images/haut_cont.png);
	height:20px;
	margin-left:2px;
	width:676px;}

.contenu {
	margin-left:7px;
	padding-left:20px;
	padding-right:10px;
	width:627px;
	border-top:1px solid #d7d6d6;
	border-bottom:1px solid #d7d6d6;
	border-left:2px solid black;
	border-right:2px solid black;
	background-color:#d7d6d6;

}

.code {
    border: 1px solid #657985;
    padding-left: 10px;
    background-color:#d3dbdf;
}
    
.quote {
    border: 1px dotted #657985;
    padding-left: 10px;
    background-color:#eeeeee;
}
	 
#entete{
	width:900px;
	height:132px;
	padding-top:10px;
}

/*classes*/

.rubriquemenu {
	font-size:19px;
	font-weight:bold;
	text-indent:15px;
}

.entetepiedarticle{
	font-style:italic;
	font-size:12px;
}

.titre{
	font-size:17px;
	line-height:0px;
	margin-top:0px;}

.piedsite {
padding-right:10px;
text-align:right;
font-size:12px;
font-style:italic;
}

.formusaisie {
width : 580px;
height: 480px;
background-image:url(images/fond_formulaire.png);
padding:15px;
color:#FFFFFF;
}

.barreoutils
{
	padding:0;
	margin:0;}

.barreoutils img{
	float:left;
	padding:0;
	margin:0;
}	

.formusaisiecomart {
width : 570px;
height: 445px;
background-image:url(images/fond_formulairecomart.png);
padding:20px;
padding-top:10px;
color:#FFFFFF;
}


.icones_form {
	width:590px;
	height:80px;;
	background-image:url(images/fond_icoles.png);
	padding:10px;
	color:#FFFFFF;}

.decalagehaut {
padding-top:10px;
margin:0px;}

.lien_ext {
}

.decalage{
	text-indent:20px;
}

.droite{
text-align:right;}

/*comportement des balises dans des endroits spécifiques*/

#menu a {
	color:#FFFFFF;
	font-weight:200;}
	
/*#menu a {
	color:#FFFFFF;}

#menu a:active {
	color:#FFFFFF;}

#menu a:hover {
	color:#FFFFFF;}
*/
.contenu table{
width:100%;}

.thleft {
text-align:left;}

.bordure {
border: 1px solid black;}

.contenu p{
	text-align:justify;
}

.conteneurdescravecimages{
	min-height:300px;}
	
.contenu img{
	margin: 0 10px 10px 0;
	
}

.imgadroite {
float:right;}

.imgagauche{
float:left;}

.blocs{
	text-align:center;
}

.bloc-cd
{
	color:#FFFFFF;
	background-image:url(images/Bloc-cds.png);
	width:130px;
	height:232px;
	padding-right:10px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:5px;
}

.soutitre{
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
	margin-top:5px;
}

.bloc-cd p
{
	text-align:center;
}

.bloc-cd img
{
	max-width:130px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
}

.espacemoinsgrand{
	margin-top:5px;
	margin-bottom:5px;}
	
.milieu{
	vertical-align:middle;
	text-align:center;
}

.milieugauche{
	vertical-align:middle;
	}
	
.bloc-liste{
	background-image:url(images/Bloc-liste.png);
	width:460px;
	height:110px;
	padding:20px;
	color:#FFFFFF;

}

.bloc-liste img{
	height:110px;
}

.bloc-liste p{
	text-align:left;
	color:#FFFFFF;
}


.bloclistetitre{
	font-size:18px;
	margin-top:20px;}
	
.bloc-cd a{
	color:#FFFFFF;
}

.bloc-cd a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
	
.bloc-liste a{
	color:#FFFFFF;
}