/* 27/7/2007 - Nouvelles classes de bases CSS à utiliser pour les pages de base */

* {
    margin : 0;
    padding : 0;
}

html, body {
	margin : 0 auto;
	padding : 0;
	font : 10px Arial, Helvetica, sans-serif;
	border : 0;
	background : #FFFFFF;
	/*background : #d1d1d1;*/
	/*background-color: rgb(209, 209, 209);*/
}
body {
    margin: 0 auto;
}

/* Conteneur principal des pages */
.main_content {
	float: left;
	width: 100%;
	font: 12px Tahoma,Verdana,Arial,Sans-Serif;
	color: #333;
	text-align : justify;
}

a {
	color:#333333;
	text-decoration:none;

}
a:hover {
    color:#2D88D8;
	text-decoration: underline;

}
.main_content h1.barre_grande
{
    background-image : url(../../images/sub_menu_back_1.jpg);
    background-repeat : no-repeat;
    color : white;
    /*width : 781px;*/
    width : 770px;
    height : 19px;
    padding-top : 4px;
    padding-left : 20px;
    font-family : Arial;
    font-weight : 700;
    font-size : 12px;
    text-transform : uppercase;
    margin-bottom : 0.7em;
}
.main_content h1.couleur_2
{
    background-image : url(../../images/barre-bleu.jpg);
}
.main_content h2
{
    /*color : #6EB446;*/
    color : #1A82D9;
    font-weight :bold;
    font-size : 11px;
}
.main_content p {
    margin-top : 0.7em;
    margin-bottom : 0.7em;
}

.main_content p.annotation {
    font-style:italic;
}

.main_content .bold {
    color: #3A5AA5;
    font-weight : bold;
}

.main_content a.bold {
    color: #3A5AA5;
    font-weight:bold;
    text-decoration: underline;
}
.main_content a.bold:active {
    color: #7F7F7F;
    text-decoration: none;
}
.main_content a.bold:hover {
    text-decoration: none;

}

.main_content ul {
    list-style-type : none;
    margin-bottom:0.5em;
}
.main_content li {
    margin-bottom: 0.3em;
}

.main_content ul.fleche {
    list-style-image : URL(../../images/arrow_bis.jpg);
}
.main_content .fleche li {
    margin-left : 25px;
}

/* style des liens mentions légales de la page promotion */
.lien_mentions {
    font-size:10px;
    color:#7F7F7F;
    text-decoration:none;
}
.lien_mentions:hover {
    text-decoration:underline;
}

/* Css pour les popups */

.popup_content 
{
    width:500px;
    float:none;
    margin-left:15px;
    margin-top:15px;
}

.popup_content #Section_Erreur 
{
    color:#FE5820;
    margin:auto;
    margin-top:25px;
    padding:auto;
    text-align:center;
    width:500px;
}

#present_produit
{
    font-weight:normal;
    padding:10px;
}
#present_produit strong
{
    font-size:14px;
    font-variant:small-caps;
    line-height:20px;
}
#present_produit p
{
    padding-top:12px;
    padding-bottom:12px;
    text-align:justify;
}

/* les tableaux par défaut */
table.default 
{
    border-collapse:collapse;
    width:95%;
    margin:0.5em auto;
    text-align:center;
}

table.default th
{
    background-color:#ff6529;
    border:1px solid black;
    color:#fff;
    padding:0.2em;
}
table.default td
{
    border:1px solid black;
    background-color:#d9d9d9;
    padding:0.2em;
}
table.default tr.couleur2 td
{
    background-color:#b3b3b3;
}

/* CSS pour les Page Contenu */

div.main_content div#picto
{
    float:left;
    width:25%;
}

div.main_content div#contenu
{
    float:right;
    width:70%;
}