*{
	margin:0;
	padding:0;
}

html {
	font-size: 100%; /* Voir -> Note 1 ? la fin de la feuille de styles. */
}
body {
	margin: 0;
	padding: 0; /* Note -> 2 */
	font-family:helvetica,verdana,sans serif;
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: black;
	/*background-color:#990000;*/
	/*background-color:#FFF;*/
	background:#BA0B42 url("./default/Background_light.gif") repeat; 
	}

#myslideshow {  
	position: relative;
	height: 450px;
	width: 680px;
	background-color: #000000;
}



#menu{
	width:156px;
	margin:0px 0 0 0;

}
.menu, .sousmenu{
	text-align:left;
	margin-left:20px;
}
.menu {
	height:18px;
	width:136px;
	padding:2px 0;


}
.sousmenu{
	height:18px;
	width:136px;
	padding:1px 0;

}
.menu a {
	display:block;
	width:100%;
	height:100%;
	color:#864382;
	font-family:arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}
.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#BA0B42;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
.menu a:hover, .menu a:active, .menu a:focus{
	color:#BA0B42;
	}
.sousmenu a:hover, .sousmenu a:active, .sousmenu a:focus{
	color:#BA0B42;
}


#haut {
	margin-top:5px;
	height: 16px;
	}
#panier {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	height: 100px;



}
#logo_panier {
  margin:0px;
  width: 150px;
  height: 80px; 
  background:#FFF url("./default/Panier.gif") no-repeat bottom right;

}
#conteneur {
  position: relative;
  width: 1000px;
  margin: 20px auto; 
  border:1px solid black;
  background:#FFF url("./default/Background_light.gif") repeat; 
  -webkit-border-radius: 15px; 
  -moz-border-radius: 15px; 
  border-radius: 15px;


}
#conteneur_2 {
  position: relative;
  width: 1000px;
  margin: 0px auto; 
  border:1px solid black;
  background:#FFF url("./default/Background_light.gif") repeat; 
  -webkit-border-radius: 15px; 
  -moz-border-radius: 15px; 
  border-radius: 15px;


}
div#centre
{
  border:1px solid #E3E3E3;
  background-color:#FFF;
  margin-top: 20px;
  margin-left: 174px;
  margin-right:10px;
  margin-bottom:20px;
  height: 1600px; /*hauteur mini pour les autres*/
  -webkit-border-radius: 15px; 
  -moz-border-radius: 15px; 
  border-radius: 15px;
  opacity: 0.90;	
  filter:alpha(opacity=90);  
  -moz-opacity:0.90;
}
html>body div#centre {
  background-color:#FFF;
  margin-left: 174px;
  margin-bottom:10px;
  margin-right:10px;
  min-height:1000px;
  height:auto;	
  -webkit-border-radius: 15px; 
  -moz-border-radius: 15px; 
  border-radius: 15px;
  opacity: 0.90;	
  filter:alpha(opacity=90);  
  -moz-opacity:0.90;
} 

#gauche_1 {
  position: absolute;
  margin-top:20px;
  left:10px;
  background: url("./default/Menu_Gauche.gif") no-repeat 0px 0px; 
  }

#gauche_2 {
  position: absolute;
  margin-top:490px;
  width:158px;
  height:346px;
  left:10px;
  background: url("./default/Menu_Gauche_2.gif") no-repeat 0px 0px; 
  }
#Encart_CdeCoeur {
  margin-left:8px;
  width: 136px;
  border:2px solid #864382;	
  /*background: url("./default/Encart_CdeCoeur.gif") no-repeat 0px 0px;*/ 
  }
#Encart_Promo {
  margin-left:8px;
  width: 136px;
  border:2px solid #cc0606;
  background: url("./default/Encart_Promo.gif") no-repeat 0px 0px; 
  }

#Demi_cercle_CDC {
  margin-left:55px;
  width: 42px;
  height:22px;
  background: url("./default/Demi_cercle_CDC.gif") no-repeat 0px 0px; 
  }
#Demi_cercle_Promo {
  margin-left:55px;
  width: 42px;
  height:22px;
  background: url("./default/Demi_cercle_Promo.gif") no-repeat 0px 0px; 
}


#droite {
  position: absolute;
  right:0;
  width: 30px;
}
#pied {
  text-align:center;
  height: 30px;
  background:#FFF url("./default/Background_light.gif") repeat; 
}
#pied a {
  text-decoration:none;
  color:#000;
  font-family:helvetica,verdana,sans serif;
  font-size: 12px; /* -> 4 */
  font-weight: bold;	
  }
#menu_gauche ul {
  margin : 0; /* ni ext?rieure */
  list-style : none; /* on supprime le style par d?fault de la liste */
  }

#menu_gauche li {
  list-style : none;
  color: rgb(112, 40, 122); 
  text-decoration : none;
  }
#menu_gauche a {
  list-style : none;
  color: rgb(112, 40, 122); 
  text-decoration : none;
  }
#menu_gauche a:hover {
  list-style : none;
  color: rgb(112, 40, 122); 
  text-decoration : none;
  }

#menu_horizontal /* Ensemble du menu_horizontal */
{
	margin-left: 0px;
	font-family:helvetica,verdana,sans serif;
	font-size : 12px; /* hauteur du texte : 12 pixels */
	font-weight:bold;
}

#menu_horizontal ul /* Liste */	
{

	padding : 0; /* pas de marge int?rieure */
	margin : 0; /* ni ext?rieure */
	list-style : none; /* on supprime le style par d?fault de la liste */
	line-height : 25px; /* on d?fini une hauteur pour chaque ?l?ment */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}



#menu_horizontal a /* Contenu des listes */
{
	display	: block; /* on change le type d'?l?ment, les liens deviennent des balises de type block */
	height:25px;	
	padding	: 0px; /* aucune marge int?rieure */
	background: url("./default/bouton.png") no-repeat; 
	color : white; /* couleur du texte */
	text-decoration : none; /* on supprime le style par d?fault des liens (la pluspart du temps = soulign?) */
	width : 130px; /* largeur */
}

#menu_horizontal li /* Elements des listes */	
{ 
	float : right; 
	/* pour ie qui ne reconnait pas "transparent" */
}

/* ie ne reconnaissant pas le s?lecteur ">" */
html>body #menu_horizontal li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante ? droite de chaque ?l?ment */
}

#menu_horizontal li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 130px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu_horizontal li ul li /* El?ments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme pr?c?dement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque ?l?ment d'une sous liste */
}

/* ie ne reconnaissant pas le s?lecteur ">" */
html>body #menu_horizontal li ul li		
{
	border-top : 0px solid transparent; /* on met une bordure transparante en haut de chaque ?l?ment */
}

#menu_horizontal li ul ul 
{
	margin		: -12px 0 0 130px ; /* On d?cale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme pr?c?dement) */
	border-left	: 1px solid #fff ; /* Petite bordure ? gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le s?lecteur ">" ... je me r?p?te ;-) */
html>body #menu_horizontal li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque ?l?ment */
}

#menu_horizontal a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #cd82be; 
	background: url("./default/bouton_clik.png") no-repeat; 
}

#menu_horizontal li:hover ul ul, #menu_horizontal li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un ?l?ment de liste */
{
	left: -999em; /* On exp?die les sous-sous-listes hors du champ de vision */
}

#menu_horizontal li:hover ul, #menu_horizontal li li:hover ul, #menu_horizontal li.sfhover ul, #menu_horizontal li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ?l?ment de liste ET sous-sous-lites lorsque la souris passe sur un ?l?ment de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}




.btn_acceuil {
background: url("./default/Bouton_Accueil.gif") no-repeat 0px 0px; 
}


/*recherche*/
#prn_update {
    border: 1px solid #999;
    background: #fafafa;
  }
  #prn_update ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #prn_update a {
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    color: #333;
  }
  .selected {
    background: lightyellow;
  }


img{border:none;}

#bulle { 
	position: absolute; 
	z-index:3; 
	visibility: hidden; 
	font-size:12px;
	margin: 20px 30px 20px 30px;
	font-size: 10pt;
	background-color: #BA0B42;
	border:1px solid #CCC;
	color: black;
	padding: 20px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;

	}

.info{
	width:300px; 
	border:1px solid #666666; 
	padding: 7px; 
	color:#000; 
	background-color:#FFFFFF; 
	font-family:"trebuchet MS";
	}

a.rollopaque img { color:grey; border:1px solid white; }

a.rollopaque:hover img { }



#BYpage {
	height:20px;
	background:#000;
	text-align:left;
	color:white;
	}
	
#BYpage a {
	color:white;
	}	
.formcontact p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
	}
.formcontact label{
	font-weight: bold;
	float: left;
	/* margin-left: -155px; width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
.formcontact input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 156px;
	}
.formcontact textarea{
	width: 400px;
	height: 150px;
	}
* html .formcontact{
	margin-left: 3px;
	}
.formuser p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
}
.formuser label{
	font-weight: bold;
	float: left;
	/* margin-left: -155px; width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.formuser input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 156px;
}
.formuser textarea{
	width: 400px;
	height: 150px;
}
* html .formuser{
	margin-left: 3px;
	}
#Picto_Panier_Ptt {
	width: 50px;
	height: 24px;	
	background:#FFF url("./default/Picto_Panier_Ptt.gif") no-repeat; 
	}
#Cartouche_Vente {
	margin: -1px auto;
	width: 100%;
	/*border-left:3px solid #A2261F;*/
	/*border-right:3px solid #A2261F;*/
	/*background:#FFF url("./default/Cartouche_Vente.gif") no-repeat;*/ 
	}
#Picto_Panier_Gd {
	width: 140px;
	height: 50px;	
	text-align:left;
	background:#FFF url("./default/Picto_Panier_Gd.gif") no-repeat right; 
	border:0px;
	}
#Picto_ami {

	width: 34px;
	height: 31px;	
	background: url("./default/Picto_ami.gif") no-repeat right; 
	}
#Picto_compte {
	width:10px;
	height:50px;
	/*background:#FFF url("./default/Tampon_Compte.gif") no-repeat left; */ //image en fond du titre
	}
#Picto_titre {
	width:40px;
	height:40px;
	background:#FFF url("./default/Picto_titre.png") no-repeat left;  //image en fond du titre
	}
ul#menu1 { 
	width : 100%; 
	height : 30px;
	margin : 0px auto;
	list-style-type : none; 
	
	}
 ul#menu1 li {
	padding : 0;  
	line-height : 30px;
	}
 ul#menu1 li.bouton_gauche {
	margin-left:15px;
	float : left;
	line-height : 30px;

	}
 
ul#menu1 li.bouton_droite {
	float : right;
	}
 ul#menu1 a {
	color : white;
	text-decoration : none;
	padding : 0 0.5em; 
	font : bold 12px "Trebuchet MS";
	}
 ul#menu1 a:hover { 
	color:black;
	text-decoration : underline; 
	font :  bold 12px "Trebuchet MS";
	}
 




#Encart_Produit_Haut {
	margin:0 auto;
	width: 100%;
	height:46px;
	/*background: url("./default/Encart_Produit_Haut.gif") no-repeat 0px 0px; */
}




#IMG_Acceuil1 {
	margin:0px auto;
	width: 800px;
	height:400px;
	background: url("./bateliers.gif") no-repeat 0px 0px; 
}
#IMG_Acceuil2 {
	margin:15px auto;
	width: 700px;
	height:150px;
	background: url("./default/IMG_Acceuil2.gif") no-repeat 0px 0px; 
}
#IMG_Acceuil3 {
	margin:15px auto;
	width: 700px;
	height:150px;
	background: url("./default/IMG_Acceuil3.gif") no-repeat 0px 0px; 
}
#page_precedente {
	width: 36px;
	height:32px;
	background: url("./default/fleche_Precedant.gif") no-repeat 0px 0px; 
}
#page_suivante {
	width: 36px;
	height:32px;
	background: url("./default/Fleche_suivant.gif") no-repeat 0px 0px; 
}

#TBL_Comm_entete {
	width: 700px;
	height:44px;
	background: url("./default/TBL_Comm_entete.gif") no-repeat 0px 0px; 
}


#validercommande {

	width: 140px;
	height: 50px;	
	text-align:center;
	background:#FFF url("./default/BT_Valid.gif") no-repeat center; 
	border:0px;
	font-size: 0.7em; /* -> 4 */
}
#retirerarticle {

	width: 140px;
	height: 50px;	
	text-align:center;
	background:#FFF url("./default/BT_Suppr.gif") no-repeat center; 
	border:0px;
	font-size: 0.7em; /* -> 4 */

}
#modifiercommande {

	width: 140px;
	height: 50px;	
	text-align:center;
	background:#FFF url("./default/BT_Modif.gif") no-repeat center; 
	border:0px;
	font-size: 0.7em; /* -> 4 */

}

#indigotop {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
background:#BA0B42 none repeat scroll 0 0;
height:20px;
margin:0 auto;
opacity:0.9;
top:0;
width:1000px;
  border-bottom: 1px solid #000;

}
#indigobottom {
background:#BA0B42 none repeat scroll 0 0;
height:30px;
margin:0 auto;
opacity:0.9;
top:0;
width:1000px;
border-bottom: 1px solid #000;

}

#logoindigo_background {

	width: 1000px;
	height:200px;
	margin: 0 auto; 
	background:#FFF;
	background:#FFF url("mvc/datas/css/default/Background_dark.gif") repeat; 
}
#logo {
	position: absolute;
	top:50px;
	margin-left:10px;
	height: 112px;
	width: 338px;
	background: url("mvc/datas/css/default/LOGO_mauve.gif") no-repeat ; 
	}
.hidden {
	display: none;
	}
.visible {
   display: inline;
}
#myslideshow {  
	position: relative;
	height: 450px;
	width: 680px;
	background-color: #000000;
	}

.hidden {
   display: none;
}

.visible {
   display: inline;
}

#Header
{
	font-size: 10pt;
	background-color: #F2FFEA;

	color: black;
	padding: 10px;
}

#LoginMenu {
  width : 100%;
  height:28px
  font-size: 10pt;
  background-color: #A84F92;
  }

#LoginMenu a {font : bold 0.9em Trebuchet MS; text-decoration : none; color : yellow; list-style-type : none; margin-left:5px;} 
#LoginMenu a:link {font : bold 0.9em Trebuchet MS; text-decoration : none; color : white; list-style-type : none;  margin-left:5px;} 
#LoginMenu a:hover { font : bold 0.9em Trebuchet MS;text-decoration : underline; color : white;list-style-type : none;  margin-left:5px;}
#LoginMenu a:visited {font : bold 0.9em Trebuchet MS;text-decoration : none; color : white;list-style-type : none;  margin-left:5px;}
#LoginMenu a:active {font : bold 0.9em Trebuchet MS;text-decoration : none; color : white; list-style-type : none;  margin-left:5px;} 

#Loginmessage
{
  width:100%;
	margin: 0px 0px 0px 0px;
	font-width: bold;
	font-size: 12pt;
	background-color: #E3E3E3;
	color: #000000;
	text-align:left;
	padding: px;

	}
 

#Radius0
{
	margin: 0px 0px 20px 0px;
	font-size: 10pt;
	background-color: #E3E3E3;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;

	color: black;
	opacity: 0.90;	
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;
	}

#Radius1	
{
	margin: 0px 0px 20px 0px;
	font-size: 10pt;
	background-color: #E3E3E3;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;

	color: black;
	opacity: 0.90;	
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;

}

#Radius2	
{
	margin: 0px 0px 20px 0px;
	font-size: 10pt;
	background-color: #E3E3E3;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
	color: black;
	opacity: 0.90;	
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;


	}

#LoginBack
{
	margin: 0px 0px 0px 0px;
	font-size: 10pt;
	background-color: #E3E3E3;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	color: black;
	opacity: 0.90;	
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;
	}


#slidedown_address
{
	margin: 0px 0px 20px 0px;
	font-size: 10pt;
	background-color: #E3E3E3;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;

	color: black;
	opacity: 0.90;	
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;


	}

#send_to_friend	
{
	margin: 0px 0px 20px 0px;
	font-size: 10pt;
	background-color: #E3E3E3;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;

	color: black;
	opacity: 0.90;	
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;
	}




input[type=submit], input[type=reset] {
	border:2px outset #A6BEDE;
	font-weight:bold;
	cursor:pointer;
 }
input[type=submit]:hover, input[type=reset]:hover {
	border:2px outset white;
	background-color:white;
 }
input[type=submit]:active, input[type=reset]:active {
	border:2px inset #A6BEDE;
	background-color:#A6BEDE;
	color:black;
 } 

.register label{
float: left; /*width of left column*/
width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.register input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 230px;
}



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/


input[type=submit], input[type=reset] {
border:2px outset #A6BEDE;
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border:2px outset white;
background-color:white;
}
input[type=submit]:active, input[type=reset]:active {
border:2px inset #A6BEDE;
background-color:#A6BEDE;
color:black;
} 

#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}

#sm
{
	margin-left:160px;
	padding:0px;
	height:20px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:20px;
}

.nrm
{
	width:78px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red
{
	width:78px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

.yellow
{
	width:78px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:78px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}




/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 0; /* -> 6 */
}
h1, h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight: normal; /* -> 7 */
}
h1 {
	font-size: 22px; /* -> 8 */
}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

a img {
	border: none; /* -> 10 */
	opacity: 100;	
	filter:alpha(opacity=100);  
	-moz-opacity:100;
	background-color:black;
}

/* Divers ?l?ments de type en-ligne */
em {
	font-style: italic;
}



/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family:helvetica,verdana,sans serif;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
p {
	text-align:justify;
	margin:10px;
	font-family:helvetica,verdana,sans serif;
}



#prev_intro, #prev_conclu, #prev, #prev_texte
{border: 1px solid black;overflow: auto;margin-top: 1px;}

#prev_intro, #prev_conclu
{width: 600px;height: 100px;margin-left:20px;}


#prev, #prev_texte
{width: 680px;height: 250px;}

legend{color: #336699;font-weight: bold;font-family: arial, times, 'Times new roman', serif;}

#intro, #conclu
{border: 1px solid black;}

#intro, #conclu
{width: 600px;height: 100px;margin-left:20px;}

#texte{width: 680px;height: 250px;}

.send{text-align: center;margin-bottom:40px;}
.cleaner{clear: both;}
.boutons{margin-right: 0px;}
.smilies_form{width:600px;height:20px;float:left;margin-left:20px;background-image:url('images/form/barre.gif');width:533px;}
.boutons_form{margin-left: 20px;background-image:url('images/form/barre.gif');width:533px;}

.smiley_cliquable, .bouton_cliquable
{cursor:pointer;}
.souligne {text-decoration: underline;}
.barre {text-decoration: line-through;}
.italique{font-style: italic;}
.gras{font-weight:bold;}
.rmq{background-position: 10px 5px;background-repeat: no-repeat;padding: 8px;padding-left: 50px;}
.orange{color:rgb(236, 118, 0);}
.noir{color:black;}
.marron{color:maroon;}
.vertf{color:green;}
.olive{color:olive;}
.marine{color:navy;}
.violet{color:purple;}
.bleugris{color:teal;}
.argent{color:silver;}
.gris{color:rgb(100, 100, 100);}
.rouge{color:red;}
.vertc{color:lime;}
.jaune{color:yellow;}
.bleu{color:blue;}
.rose{color:fuchsia;}
.turquoise{color:aqua;}
.blanc{color:white;}

.arial{font-family: Arial, serif;}
.times{font-family: Times, serif;}
.courrier{font-family: Courier, serif;}
.impact{font-family: Impact, serif;}
.geneva{font-family: Geneva, serif;}
.optima{font-family: Optima, serif;}

.ttpetit{font-size: xx-small;}
.tpetit{font-size: x-small;}
.petit{font-size: small;}
.gros{font-size: large;}
.tgros{font-size: x-large;}
.ttgros{font-size: xx-large;}

.centrebb {text-align:center;}
.gauche{float:left; padding:20px; }
.droite{float:right; padding:20px;}
.justifie{text-align:justify;}

.code2, .citation2
{border: 1px solid black;width: 90%;padding: 8px;font-family:Courier, Arial, Times, 'Times New Roman', serif;font-size:12px;margin-left:25px;}
.code2{	/*white-space: pre;*/}
.code, .citation, .opt_titre
{font-weight: bold;}

.smilies{vertical-align: middle;}

#etoile{color:red;font-size:11px;}
.icone{border:none;margin-left:13px;}

.reflected {
display: block;
border:0px;

} 


.galerie_image
	{
	float: left; 
	margin: 4px;


	}


#pied_forum
{
  width: 1000px;
  margin: 0 0 0 0; 
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background:#EF779E url("./default/Background_light.gif") repeat;
  -webkit-border-bottom-left-radius:15px;
  -webkit-border-bottom-right-radius:15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  opacity: 0.95;	
  filter:alpha(opacity=95);  
  -moz-opacity:0.95;


}


#copyright {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
background:#BA0B42 none repeat scroll 0 0;
height:20px;
margin:0 auto;
opacity:0.9;
top:0;
width:1000px;
z-index:1;
border-top:1px solid #000000;
}

#MENUINDIGO



#copyright a {font : bold 0.9em Trebuchet MS; text-decoration : none; color : yellow; list-style-type : none; margin-left:5px;} 
#copyright a:link {font : bold 0.9em Trebuchet MS; text-decoration : none; color : white; list-style-type : none;  margin-left:5px;} 
#copyright a:hover { font : bold 0.9em Trebuchet MS;text-decoration : underline; color : white;list-style-type : none;  margin-left:5px;}
#copyright a:visited {font : bold 0.9em Trebuchet MS;text-decoration : none; color : white;list-style-type : none;  margin-left:5px;}
#copyright a:active {font : bold 0.9em Trebuchet MS;text-decoration : none; color : white; list-style-type : none;  margin-left:5px;} 
 




.panel {
	clear: both;
	display: none;
	background-color: #FFF;
	padding: 0;
}

.panel.active-tab-body {
	display: block;
}
.bar {
	padding: 5px;
	background-color: #3e3e3e;
}

#tabs {
	top: 0;
	height: 28px;
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 0px;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	color: #E3E3E3;
}

#tabs a.active-tab {

	color: #ccc;
}

#page_accueil {
   width:800px; 
   margin:0 auto; 
 
   padding-top:5px;
  borfer:1px solid black;
}

#accueil_gauche {
   width:50%; 
   float:left;
}

#accueil_droite {
   width:50%;  
   float:right;
}



 
#accueilbas
{
   clear:both;
}


ul#menu_catalogue {  /*Ici , c'est ma configuration, à vous de la changer */
width : 100%;
height : 25px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
background-color: #EFEFEF;
margin-left:0px;

}
ul#menu_catalogue li a {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
color:#BA0B42;
}
li.bouton_gauche {
float : left;
color:#BA0B42;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;

}
li.bouton_droite {
float : right;
color:#BA0B42;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;
}


.accueil img {
		border : none;
		}
.accueil a {
		color : red;
		text-decoration : none;
		font-weight : normal;
		font-style : normal;
		}
.accueil a:link {
		color : red;
		text-decoration : none;
		font-weight : normal;
		font-style : normal;
		}
.accueil a:visited {
		color : red;
		text-decoration : none;
	    }