/* CSS Document */
body {
	margin: 0;
	padding: 0px 0px 20px 0px;
	font-size: 0.7em;
	background-color: #FDFDFD;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
        text-align:center;
}

p {
	padding: 0px 0px 8px 0px;
        margin: 5px 0px 0px 0px;
	text-align: justify;
}
a{
        color:#747474;
}
#container {
	width:766px;
	margin:0px auto 0px auto;
        padding:0px;
}
#contenu{
        width:766px;
	margin:0px 0px 0px 0px;
        padding:0px;
	background-image: url(../images/backgroundcontainer.gif);
	background-repeat: no-repeat;
	position:relative;
	float:left;
}
#meta {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	height:16px;
	background-color:#6CA530;
	background-image: url(../images/meta.gif);
	background-repeat: repeat-y;
	color:#FFFFFF;
	text-align:right;
	padding-top: 3px;
	font-family:Arial, Helvetica, sans-serif;
}

#meta a {
	font-size: 0.8em;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#headerhome{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	background-image: url(../images_en/logohome.gif);
	height:193px;
	width:760px;
}
#header-argos{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image:none;
	height:129px;
	width:760px;
        border-bottom:0px;
}

#slogan{
        width: 494px;
	height: 129px;
	background-color:#FF0000;
	margin: 0 ;
	padding: 0;
	float:left;
}

#logo{
	margin: 0 ;
	padding: 0;
	float:left;
	width:266px;
}
#sloganhome{
	position: relative;
	float:left;
	width: 496px;
	height: 192px;
	left: 264px;
	top:1px;
}

#menu{
 	margin-left:auto;
	margin-right:auto;
	height:37px;
	width:760px;
	position: relative;
	float: left;
	background-image: url(../images/menu.gif);
	background-repeat: repeat-x;
        background-position:top;
}

#top {
        width: 760px;
        position: relative;
        float:left;
        left: 3px;
        margin:0px;
        padding:0px 10px 0px 0px;
}
#conteneur{
        width: 760px;
        position: relative;
        float:left;
        left: 3px;
        margin:0px;
        height:auto;
}


#logo{
        position:relative;
}

#gauche, #droite,#centre {
	/*display: table-cell;*/
	height: auto;
    position: relative;
	float: left;
}
#menu-sous-rubrique, #colonne-principale {
	height: auto;
	position: relative;
	float: left;
}
#gauche {
	/*width:120px;
	text-align:right;
	padding: 15px 0 10px 0;
	float: left;*/
        display:none;
}
#colonne-principale {
        width: 498px;
        _width: 511px;
        text-align:justify;
        padding:12px 30px 10px 20px;
        _padding:12px 30px 10px 10px;
        margin:0px;
	color:#7A7474;
/*background-color:#efefef;*/
}
#colonne-principale h3{
	font-size:1.1em;
        color:#666;
}
#menu-sous-rubrique {
        width:175px;
	text-align:center;
	padding:15px 10px 0px 20px;
        margin: 0px 0px 0px 0px;
/*background-color:#ccc;*/
}
#centre {
	width: 360px;
	text-align:justify;
	line-height: 1.3em;
	padding:15px 0px 0px 40px;
        margin:0px 40px 0px 0px;
	float: left;
	color:#7A7A7A;
/*background-color:#ccc;*/
}
#droite {
	background-image:url(../images_en/fd-nouveau.jpg);
	background-repeat: no-repeat;
	width:245px;
        _width:210px;
	text-align:left;
	margin: 15px 0px 0px 0px;
        _margin: 15px -20px 0px 0px;
        padding: 20px 5px 0px 35px;
        _padding: 20px 0px 0px 35px;
/*background-color:#efefef;*/
}
#droite h1{
	font-size:1.2em;
        _padding:10px 0px 0px 0px;
        color:#F68336;
}
#pied {
	position: relative;
        float:left;
	left:-5px;
	width:766px;
	height:21px;
        margin:0px;
        padding:2px 0px 0px 0px;
	background-color:#6CA530;
	background-image: url(../images/footer.gif);
	background-repeat:no-repeat;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#FFFFFF;
}
#pied a:link, #pied a:hover, #pied a:visited, #pied-home a:link, #pied-home a:hover, #pied-home a:visited{
	color:#FFFFFF;
        text-decoration:none;
}
#pied-home {
	position: relative;
        float:left;
	left:-2px;
	width:766px;
	height:21px;
        margin:0px;
        padding:2px 0px 0px 0px;
	background-color:#6CA530;
	background-image: url(../images/footer.gif);
	background-repeat:no-repeat;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#FFFFFF;
}
#mnuDroite {
	background-image: url(../images_en/mnu_right.gif);
	background-repeat:no-repeat;
	text-align:center;
	width:157px;
	margin:0px 0px 15px 0px;
	padding:25px 0px 15px 10px;
        line-height: 1.3em;
	float:left;
}


#droite ul {
        list-style-type: none;
}

#contentrighthomeinfo{
        position:relative;
        float:left;
	font-size: 0.8em;
	text-align:left;
	margin: 0px 0px 20px 0px;
        padding: 20px 0px 20px 0px;
}
#contentrighthomeinfo img{
        margin:10px 0px 20px 0px;
}
#news {
        font-family:Arial, Helvetica, sans-serif;
	position: relative;
	color:#333333;
        margin: 0 15px 0 100px;
        _margin: 0 40px 0 50px;
        width:120px;
	text-align: justify;
	float:left;
        padding: 0px;
}
#news a:link, #news a:visited {
        font-family:Arial, Helvetica, sans-serif;
	color:#F68336;
	text-decoration:none;
        padding-top: 0;
        float:right;
}
#news a:hover {
	text-decoration:underline;
}

.ariane, .ariane a:link, .ariane a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#7A7474;
	text-decoration:none;
        padding: 0px 0px 25px 0px;
}
.ariane a:hover{
	text-decoration:underline;
}

/*---------------------------------------------------------*/
/*             styles pour la page actualités                 */
/*---------------------------------------------------------*/
.news-list-container{
       width: 340px;
}
.news-list-item{
       border-top:solid 1px #e5e5e5;
       height:auto;
       margin:20px 0px 0px 0px;
       padding:0px;
       width:500px;
        position:relative;
	float:left;
}
.news-list-date{
       width:480px;
       margin:0px;
       padding:2px 0px 0px 0px;
        position:relative;
	float:left;
       font-size:0.8em;
       color:#999;
}
.news-list-item IMG{
       position:relative;
       float:right;
       margin:0px 0px 0px 10px;
       height:auto;
}
.news-list-item ul li IMG{
       float:left;
       padding:3px 0px 0px 5px;
   }    
.news-list-item h3{
       color:#F68336;
       font-size:1em;
       position:relative;
	float:left;
       padding:0px 0px 15px 0px;
}
.news-list-item h3 strong{
       color:#F68336;
}
.news-list-content{
       position:relative;
       float:left;
       height:auto;
       width:500px;
       margin:0px;
}

/*---------------------------------------------------------*/
/*                             styles divers                         */
/*---------------------------------------------------------*/
#top-et-print{
      position:relative;
      float:right;
      margin:10px 0px 10px 10px;
      padding:10px 0px 10px 10px;
      color:#747474;
      font-size:0.8em;
      clear:both;
}
#top-et-print a:link, #top-et-print a:visited{
      color:#747474;
      text-decoration:none;
}
#top-et-print a:hover{
      color:#666;
      text-decoration:underline;
}
.alignright{
      width:500px;
      text-align:right;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      font-size:0.9em;
}

/*---------------------------------------------------------*/
/*                   styles pour les listes                        */
/*---------------------------------------------------------*/
#colonne-principale ul, #centre-grand ul{
     list-style:none;
}
#colonne-principale ul li, #centre-grand ul li{
      /*list-style:none;
      background-image:none;
      padding:5px 0px 0px 0px;*/
}
#colonne-principale ul li img{
      margin-left:-26px;
}

/*-----------------------------------------------------------------------------*/
/*styles pour les pages mentions et accessibilité (sans colonne droite) */
/*-----------------------------------------------------------------------------*/
#centre-grand{
	width: 570px;
	text-align:justify;
        padding:15px 0px 10px 0px;
        margin:0px;
	color:#7A7474;
	float: left;
}
/*---------------------------------------------------------*/
/*                   styles pour la photothèque               */
/*---------------------------------------------------------*/
.photo {
	height: 165px;
	width: 115px;
	text-align:left;
	padding:5px;
	border-right:solid 1px #e5e5e5;

	border-bottom:solid 1px #e5e5e5;
	float:left;
}
.photo IMG{
	padding:0px 3px 10px 3px;
}
.photo strong{
	color:#999;
	display:block;
}
.poids{
	color:#CCCCCC;
	font-size:0.8em;
}	
.photo a:link{
	text-align:left;
	color:#f68336;
}

/* styles pour le popup de la phototheque */
#contenu_popup{
        background-color:#fff;
        border-left:solid 1px #999;
        border-right:solid 1px #999;
        border-bottom:solid 1px #999;
        margin:0px 20px 20px 20px;
        padding:0px 10px 10px 10px;
}
.photo_popup strong{
        color:#f68336;
}
.photo_popup p{
        margin:0px 0px 10px 0px;
}



/*---------------------------------------------------------*/
/*             styles pour la page produits                */
/*---------------------------------------------------------*/

.produit p{

}

.produit{
       
       border:solid 1px #e5e5e5;
       height:auto;
       margin:20px 0px 0px 0px;
       padding:5px 0px 10px 0px;
       width:500px;
       float:left;
}
.produit IMG{
       float:left;
	   margin:0px 15px 5px 0px;
	   border-right:solid 1px #EFEFEF;
}
.produit h3{
	color:#4081C4;
       float:left;
	font-size:1em;
width:350px;
	margin:0px 0px 8px 0px;
	padding:2px 2px 2px 0px;

}

.description{
      float:left;
width:350px;
_margin : 0px 0px 5px 0px;
}

.avantages{
        float:left;
        width:350px;
font-size:0.8em;
}

.avantages ul{
	border:solid 0px #cc0000;
        margin:10px 0px 0px 25px;
}

.avantages ul li{
	list-style:url(../images/puce-arche-grise-small.gif) none outside;
	padding: 0px 5px 0px 5px;
        margin:0px 0px 0px 0px;
}

.references{
        font-size:0.8em;
        float:left;
        width:350px;
color:#666666;
}
.references ul{
	list-style:none;
	margin: 0px 0px 10px 0px;
	padding:0px;
	text-align:left;
	/*border-top:solid 1px #999999;*/
}
.references ul li{
	list-style:none;
	padding: 0px 0px 0px 0px;
	/*border-bottom:solid 1px #999999;
	background-color:#f9f9f9;*/
 }

.description-picto{
        float:left;
        width:175px;
        text-align:left;
        margin:0px 0px 10px 0px;
}
/*---------------------------------------------------------*/
/*          recherche de la page produits/pieces          */
/*---------------------------------------------------------*/
.search_piece{
       padding:10px 0px 25px 0px;
}
.search_piece SELECT{
       border:solid 1px #b0b0b0;
       color:#407FC4;
       font-size:0.9em;
       width:230px;
}
.search_piece INPUT{
       /*border:solid 1px #afb0b0;
       color:#fff;
       font-size:0.9em;*/
       margin:0px 0px 0px 30px;
       padding:0px 0px 0px 0px;
        /*background-color:#aad04d;*/
}

/*---------------------------------------------------------*/
/*             styles pour la page détail produits          */
/*---------------------------------------------------------*/
.detail-produit {
	width: 340px;
	text-align:left;
	padding:0px 0px 0px 0px;
	float:left;
}
.detail-description{
	font-size:0.8em;
	margin:0px 0px 15px 0px;
	padding:0px 4px 0px 4px;
	text-align:left;
}
.detail-description ul{
	list-style:none;
	margin: 0px;
	padding:0px;
	text-align:left;
}
.detail-description ul li{
	list-style:none;
	background-image: url(../images/puce-produits.gif);
	background-repeat: no-repeat;
	background-position:left top;
	padding: 0px 0px 0px 10px;
}
.detail-produit IMG{
	padding:0px 0px 0px 0px;
}
.detail-produit a:link, .detail-produit a:visited{
	display:block;
	margin:10px;
	text-align:center;
	font-size:0.7em;
	padding:0px;
	color:#4081C4;
}
.detail-produit a:hover{
	display:block;
	text-align:center;
	font-size:0.7em;
	margin:10px;
	padding:0px;
	color:#999;
}
.detail-ref{
	font-size:0.8em;
}
.detail-ref ul{
	list-style:none;
	margin: 0px;
	padding:0px;
	text-align:left;
	border-top:solid 1px #999999;
}
.detail-ref ul li{
	list-style:none;
	padding: 0px 0px 0px 5px;
	border-bottom:solid 1px #999999;
	background-color:#efefef;
}

/*-------------------------- Formulaire ---------------------*/

#formulaire{
	width:500px;

}
fieldset{
        border:solid 1px #ccc;
}
legend{
font-family: Arial, Helvetica, sans-serif;
color: #525252;
}

.label{
	position:relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:right;
	color: #525252;
	width: 180px;
	margin:0px 0 0 0;
	padding:0px 20px 0px 0px;
}

.field{
	font-family: Arial, Helvetica, sans-serif;
	color: #525252;
	border: 1px solid #eee;
}

.mentions_forms{
      color:#747474;
      font-size:0.8em;
}

.button_submit{
	position:relative;
        float:left;
        padding:10px 0px 20px 200px;
}

.button_submit INPUT{
	background-color:#72B100;
	color:#FFFFFF;
	border:solid 1px #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
}