/* Start of CMSMS style sheet 'Form_up' */
/* CSS Document */
* {
margin:0;
padding:0;
}
body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*line-height: 1em;*/
	background-image: url(uploads/images/fond.jpg);
}
/* Tableau du panier */
.tab_panier {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
                /*cellpadding:5px;*/
                padding:5px;
}
.tab_panier input {
text-align: right;
	font-size: 90%;

}
div{
margin: 0;
padding: 0;
border: 0px solid blue; /* définition de bordure par defaut pour
tous les blocs */
}
#conteneur {
	width:800px;
	border: 0px solid red;
	margin: 0 auto;
	background-color: #FFFFFF;
/*border: 1px solid red;*/
}
#conteneur_2 {
width:804px;
min-height:600px;
border: 1px solid green; /* redéfinition de bordure */
background-color:#ece9d8; /* fond coloré */
/*border: 1px solid green;*/
}
#header {
	width:800px;
	height:34px;
	background-image: url(uploads/images/header.jpg);
	background-repeat: no-repeat;
	text-align: right;
	/*border: 1px solid green;*/
}
#logo {
	float:left;
	width:233px;
	height:62px;
	background-image: url(uploads/images/logo.jpg);
	background-repeat: no-repeat;	
	/*border: 1px solid green;*/
}
#articles_accueil {
	width:610px;
	height:500px;
	background-image: url(uploads/images/accueil_fond1.jpg);
	background-repeat: no-repeat;
	/*background-color: #F9F9F9;*/
                /*border: 1px solid gray;*/
                vertical-align:middle; 
 text-align:center; 
}
#marquee {
	float:left;
	width:365px;
	height:62px;
	background-color: #FFFFFF;
                /*border: 1px solid green;*/
                vertical-align:middle; 
 text-align:center; 
}
#marquee_box{ 
  width:340px;
  height:20px; 
  /*border:1px solid red; */
  margin-left:auto; 
  margin-right:auto; 
  position:relative; 
  top:25px; 
}
#parent{ 
  width:350px; 
  height:150px; 
  text-align:center; 
  vertical-align:middle; 
  /*border:1px solid red; */
} 

.marqueeBoxH{
float:left;
width:320px;

white-space : nowrap;
margin:auto;
   }
/* 
GESTION DE LA DEMO VIDEO
*/
#demo_video {
width: 600px;
height:540px;
/*border: 1px solid green;*/
text-align:center;
/*vertical-align:middle; */
/*margin: 15 15 15 15;*/
background-image: url(uploads/images/fond_demo.jpg);
background-repeat: no-repeat;
}
#demo_vignette {
  width:580px;
  height:91px;
  /*border:1px solid red; */
margin:auto;
  /*margin-left:auto; 
  margin-right:auto; */
  /*position:relative; */
vertical-align:top; 
margin:0;

}
#demo_vision {
  width:580px;
  height:435px;
 /* border:1px solid blue; */
  /*margin-left:auto; 
  margin-right:auto; */
  
}

#recherche {
	float:left;
	width:193px;
	height:62px;
	/*text-indent:6px;*/
	font-weight: bold;
	color: #FFFFFF;
	/*padding-top:5px;*/
	font-size: 95%;
                text-align:center;
	/*background-color: #222222;*/
	/*border: 1px solid green;*/
	background-image: url(uploads/images/cadre_recherche.gif);
	background-repeat: no-repeat;
	vertical-align:middle;
}
#recherche_form {
                font-weight: bold;
	width:160px;
	height:20px;
	text-align:left; 
                margin-left:auto; 
                margin-right:auto; 
                position:relative; 
                top:20%; 
/*border: 1px solid green;*/
}
#recherche input{
font-size: 95%;
color: #666666;
}
#banniere {
float:left;
	width:800px;
	height:209px;
	/*background-image: url(uploads/images/banniere.jpg);*/
	background-repeat: no-repeat;
	/*border: 1px solid green;	*/
}
#menu {
	float:left;
	width:169px;
	min-height:464px;
	background-image: url(uploads/images/fond_menu.jpg);
	background-repeat: no-repeat;	
	/*border: 1px solid green;*/
}
#contenu {
	/*width:620px;*/
	float:left;
	width:610px;
	min-height:464px;
                padding: 4px;
	/*border: 1px solid green;*/
	background-color: #FFFFFF;
}
#footer {
	width:800px;
	height:31px;
	background-image: url(uploads/images/footer.jpg);
	background-repeat: no-repeat;
	text-align: right;
                vertical-align: middle;
                border: none;
	/*color: #FFFFFF;*/
                /*border: 1px solid green;*/
}
.clr {
clear: both;
font-size:0;
line-height:0;
border: 0px;
}

/* Menu en Haut */

#navmenu {
width:800px;
/*border: 1px solid green;*/
}
#navmenu ul
{
margin: 0;
padding: 0.6em;
list-style-type: none;
}

#navmenu ul li { 
display: inline; 
background-image: url(uploads/images/separateur_v.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
padding: .4em;

}
#navmenu ul li a { text-decoration: none; 
color: #eee;
/*padding: .4em;*/

}
#navmenu a:hover
{
color: #000;
}

/* Menu en Bas à droite */

#navmenubas 
{
float:left;
margin-top: 10px;
margin-left: 30px;
width:570px;
float:left;
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
/*border: 1px solid green;*/
}
#navmenubas ul
{
list-style-type: none;
/*border: 1px solid green;*/
}
#navmenubas ul li { 
display: inline; 
background-image: url(uploads/images/separateur_v.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: .6em;
padding-right: .4em;
/*margin-top: 8px;*/

}
#navmenubas ul li a { text-decoration: none; 
/*padding: 4;*/
color: #eee;

}
#navmenubas a:hover
{
color: #000;
}
#copyright
{
	float:left;
               margin-top: 10px;
                margin-left: 10px;
                /*margin-top: 8px;*/
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
                /*border: 1px solid green;*/
}
#navmenuprincipal ul
{
width: 8em;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
font-weight:bold;
}

#navmenuprincipal li { 
margin: 0 0 .02em 0; 
display: block;
height:30px;
width:180px;
background-color: transparent;
padding-top:.8em;
padding-left:2px;
background-image: url(uploads/images/bp_fond.jpg);
background-repeat: no-repeat;
}

#navmenuprincipal a
{
display: block;
color: #fff;
height:30px;
background-color: transparent;
width: 148px;
/*padding: 2em .8em 0 0;*/
padding-left:20px;
text-decoration: none;
}

#navmenuprincipal a:hover
{
/*background-color: #369;*/
color: #000;
}
/* Fil d'Ariane */
div.breadcrumbs {
    padding: 0.1em 0 0.2em 0; /*CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 0.2em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}
#cadre_message{
	width:500px;
	height:100px;
                padding: 50px;
	border: 1px solid gray;
	background-color: #E6FFEF;
	text-align:center;
                vertical-align: middle;
}

/* End of 'Form_up' */