/*===| I. MAIN LAYOUT  |=====================================================*/

@import url("../../admin/fckeditor/css/fck.css");
*{
margin:0;
padding:0;
}
body,html{height:100%;}
body{
  font:11px/14px  Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
  background-color:#ffffff;
  color:#000000;
  text-align: justify;
  }

p{padding-top: 10px; text-align:justify;}

object { outline:none;}
a:focus{outline:none}
.invisible{display: none;}

a:link,a:visited{color:#F46D00; text-decoration: none;}
a:hover,a:active{color:#493A4C; }

a:link.color-link, a:visited.color-link{color:#6F0000; text-decoration: underline;}
a:hover.color-link, a:active.color-link{color:#493A4C; text-decoration: none;}

a#soutenir-link:link, a#soutenir-link:visited{color:#F46D00; text-decoration: underline;}
a#soutenir-link:hover, a#soutenir-link:active{color:#ffffff; text-decoration: none;}


h1{font:bold 11px Tahoma; text-transform:uppercase; color:#ffffff}

h2{font:normal 12px Tahoma; padding-top:14px; color:#6F0000}
  h2 span{font-size:11px; color:#F46D00}

h3{font:normal 12px Tahoma;color:#6F0000; padding-top:10px;}
h4{font:bold 11px Tahoma; color:#6F0000; text-transform: none;}
h5{font:bold 11px Tahoma;color:#6F0000; padding-top:12px;}
  h5 span{font-size:10px; color:#F46D00; font-weight:normal}

h3.commun{padding-top:3px; text-transform: none; font-size:12px}
h4.commun{color:#000000; padding-top:5px; padding-left:5px; text-transform: none;}

p2{font:normal 11px Tahoma;color:#f46d01;}


#container{
position:relative;
min-height:100%;
margin:0 auto;
background:url(../../images/charte/bg-container.jpg) repeat-y left top;
}

#content-inner{padding:0 21px;}

#site-header,#site-header1{padding-bottom:9px; background-color:#F46D00; position:relative}
#site-header1{height:233px;}

#header-accueil{height:108px; background:#6F0000 url(../../images/charte/bg-header1.jpg) no-repeat right top; }
#header-accueil{font-size:10px; color:#ffffff; line-height:12px;}

.box{width:110px; float:right; padding-top:9px;}
.box p{text-align: left; color:#ffffff; font-size:10px; line-height:12px; padding-top:6px;}
.box a:link, .box a:visited {color:#ffffff; text-decoration:underline;}
.box a:hover, .box a:active {color:#ECDDDD; text-decoration: none;}


/* Menu top */

#menu-top{height: 22px; width:760px; background-color:#ffffff; padding-top:11px;}
#menu-top a{height:22px; display:block; float:left}
a.btn1:link, a.btn1:visited{width:98px; background:url(../../images/charte/btn1.jpg) no-repeat left top;}
a.btn1encours{width:98px; background:url(../../images/charte/btn1-over.jpg) no-repeat left top;}
a.btn1:hover, a.btn1:active{background:url(../../images/charte/btn1-over.jpg) no-repeat left top;}

a.btn2:link, a.btn2:visited{width:88px; background:url(../../images/charte/btn2.jpg) no-repeat left top;}
a.btn2encours{width:88px; background:url(../../images/charte/btn2-over.jpg) no-repeat left top;}
a.btn2:hover, a.btn2:active{background:url(../../images/charte/btn2-over.jpg) no-repeat left top;}

a.btn3:link, a.btn3:visited{width:113px; background:url(../../images/charte/btn3-over.jpg) no-repeat left top;}
a.btn3encours{width:113px; background:url(../../images/charte/btn3.jpg) no-repeat left top;}
a.btn3:hover, a.btn3:active{background:url(../../images/charte/btn3.jpg) no-repeat left top;}

a.btn4:link, a.btn4:visited{width:109px; background:url(../../images/charte/btn4.jpg) no-repeat left top;}
a.btn4encours{width:109px; background:url(../../images/charte/btn4-over.jpg) no-repeat left top;}
a.btn4:hover, a.btn4:active{background:url(../../images/charte/btn4-over.jpg) no-repeat left top;}

a.btn5:link, a.btn5:visited{width:116px; background:url(../../images/charte/btn7.jpg) no-repeat left top;}
a.btn5encours{width:116px; background:url(../../images/charte/btn7-over.jpg) no-repeat left top;}
a.btn5:hover, a.btn5:active{background:url(../../images/charte/btn7-over.jpg) no-repeat left top;}

a.btn6:link, a.btn6:visited{width:84px; background:url(../../images/charte/btn5.jpg) no-repeat left top;}
a.btn6encours{width:84px; background:url(../../images/charte/btn5-over.jpg) no-repeat left top;}
a.btn6:hover, a.btn6:active{background:url(../../images/charte/btn5-over.jpg) no-repeat left top;}

a.btn7:link, a.btn7:visited{width:116px; background:url(../../images/charte/btn6-over.jpg) no-repeat left top;}
a.btn7encours{width:116px; background:url(../../images/charte/btn6.jpg) no-repeat left top;}
a.btn7:hover, a.btn7:active{background:url(../../images/charte/btn6.jpg) no-repeat left top;}


#left-outter{float:left;	margin:0; padding:0; overflow: hidden;}
#left-inner{padding-left:9px;}

  #menu-left{background-color:#700000; padding:10px; height:120px}
  #menu-left1{background-color:#700000; padding:10px; height:auto;}
  .cadre{background-color:#ffffff; padding:10px; margin-top:10px; width:221px;}
  .submenu a:link, .submenu a:visited{color:#ffffff; font-size:12px; line-height:14px; text-decoration: underline; font-weight:bold}
  .submenu a:hover, .submenu a:active{color:#F8770F}
  a.actif{color:#ffffff !important; cursor: inherit !important; font-size:22px !important; line-height:30px!important; text-decoration:none !important; font-weight:normal !important;}
  .button-details{padding-top:8px}

  #don{padding-top:10px; clear:both}

#right-outter{float:left; margin: 0; overflow: hidden; }
  #right-inner{margin:0 9px; background-color:#ffffff; padding-left:97px; padding-top:36px; padding-right:13px; padding-bottom:15px}


/* Footer */
.clearer{clear:both;}
#clearFooter{height:50px;}

#footer{
  position:relative;
  clear:both;
  width:100%;
  height:50px;
  margin:-50px auto;
  background-color:#ffffff;
  color:#802424;}
#footer-content{width:760px; background:#ffffff; border-top:10px solid #F46D00; margin:0 auto; height:35px; padding-top:5px;}
#footer a:link, #footer a:visited{color:#802424; margin:10px;}
#footer a:hover, #footer a:active{color:#444444;}

/* General */
img {border: 0;}
ul, li{list-style:none; list-style-position:outside;	margin:0; padding:0;}
.left{float: left;}
.right{float: right;}

.lead{padding-top:0 !important; margin:0 !important;}
.lead1{margin-top:10px !important;}
.lead2{margin-top:5px !important;}
.couleur{color:#F46D00 !important;}
.couleur1{color:#6F0000 !important;}
.clear{clear:both}
.image-right{float:right;margin-left:6px;}
.image-left{float:left;margin-right:6px;}
.line{height:10px; background: url(../../images/charte/dot.jpg) repeat-x left center; line-height:0; font-size:0px; padding:0; clear:both;}
.centered{text-align: center; margin:0 auto}
.small{font-size:10px; line-height:12px;}
.small1{font-size:10px; line-height:12px; color:#666666; padding-top:5px !important; text-align:center}
.small1 span{color:#000000;}
.big{font-size:12px; line-height:15px;}
.italic{font-style:italic;}

ul.list,
ul.list1,
ul.list2{
  list-style:none;
  margin-top:0;
  padding:0;
  }
  ul.list li, ul.list1 li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 6px;
    padding-left:9px;
    }

  ul.list1 li{
    background: url(../../images/charte/icon-list1.jpg) no-repeat left 6px;
    padding-left:9px;
    color:#6F0000
    }
  ul.list2 li{
    background: url(../../images/charte/icon-list1.jpg) no-repeat left 6px;
    padding-left:9px;
    }
    ul.list2 li span{padding-left:30px;}





.inputForm{
	border:1px solid #CCCCCC;
	background-color:#ffffff;
	color:#727272;
  width:180px;
  font:normal 11px Arial;
  padding:1px 2px;
	}
.inputFormOver{
  border:1px solid #F46D00;
	background-color:#ffffff;
	color:#C85900;
  width:180px;
  font:normal 11px Arial;
  padding:1px 2px;
	}

.label{
	width:75px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	text-align:left;
  padding:2px 0px;
	}


.field{
	width:373px;
	float:left;
	margin-top:5px;
  font:normal 12px Arial;
 	}

.submit-buttons{
  width:300px;
  float:right;
  padding-top:20px;
  }
  .submit-buttons div{
    float:right;
    display:inline;
    }
.button{
  background-color:#6F0000;
  border:none;
	width:92px;
  height:24px;
	cursor:pointer;
  color:#D4B3B3;
  font:bold 10px Tahoma;
  text-transform: uppercase;
	}
  .buttonOver{
    background-color:#F46D00;
    border:none;
  	width:92px;
    height:24px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 10px Tahoma;
    text-transform: uppercase;
    }


dl.financement{padding-top:10px;}
dl.financement dt{color:#F46D00; float:left; width:138px;}

dl.soutenir{}
dl.soutenir dt{float:left; width:125px}
dl.soutenir dd{background: url(../../images/charte/dot.jpg) repeat-x left 10px; width:200px; text-align:right; float:left;}
dl.soutenir dd span{background-color:#ffffff; padding-left:5px;}

/* Nos actualites */
.actualite-image{float:left; margin-right:10px; margin-top:3px;}

/* Plan du site */
dl.plan-site dt a:link, dl.plan-site dt a:visited{background: url(../../images/charte/icon-list.jpg) no-repeat left 6px; padding-left:9px; line-height:20px}
dl.plan-site dt a:hover, dl.plan-site dt a:active{background: url(../../images/charte/icon-list3.jpg) no-repeat left 6px;}
dl.plan-site dt span{background: url(../../images/charte/icon-list3.jpg) no-repeat left 6px; padding-left:9px; color:#F46D00}
dl.plan-site dd a:link, dl.plan-site  dd a:visited{padding-left:9px; line-height:15px; margin-left:10px; color:#6F0000}
dl.plan-site dd a:hover, dl.plan-site dd a:active{color:#493A4C}


/* Listing produits */
.listing-content{margin-bottom:30px; clear:both; float:left; width:380px;}

.old{text-decoration: line-through; padding-right:5px}
.new{color:#6F0000; font-size:11px; font-weight:bold;}
.prix{float:left; }

.infos{float:right; padding-top:11px}
/* Details */
#details-content{width:465px; float:left}
.details-image{width:223px; float:left; margin-right:10px;}
.thumbs{width:223px; padding-top:10px; float:left; padding-bottom:10px; height:53px}
.thumb-image{width:53px; height:53px; float:left; text-align: center; border:1px solid #CBCBCB; cursor:pointer}
.ami{background:url(../../images/charte/ami.jpg) no-repeat left 3px; padding-left:15px; line-height:25px}
.mail{background:url(../../images/charte/mail.jpg) no-repeat left 3px; padding-left:15px;}





#newsletter{width: 266px; height:154px; padding-top:25px;}
  #newsletter .input1{background-color:#ffffff; border:1px solid #CCCCCC; font-size:11px; color:#000000; width:170px; float:left; margin-right:1px; padding:3px 5px 3px 5px;}
  .ok{background-color: #700000; border:none; width:27px; height:21px; cursor:pointer; margin-left:4px; float:left; display:inline; color:#D4B3B3;  font:bold 10px Tahoma;}
  .okOver{background-color:#F46D00; border:none; width:27px; height:21px; cursor:pointer; float:left; margin-left:4px; display:inline; color:#ffffff; font:bold 10px Tahoma;}

#newsletter1{width: 210px; height:20px; padding-top:12px; background: url(../../images/charte/bg-newsletter.jpg) no-repeat 37px top; text-align: right;}
  #newsletter1 .input2{background-color:#ffffff; border:1px solid #CCCCCC; font-size:11px; color:#000000; width:140px; float:left; margin-right:1px; padding:1px 5px 1px 5px;}
  .ok1{background-color: #F46D00; border:none; width:20px; height:17px; cursor:pointer; float:left; display:inline; color:#ffffff;  font:bold 10px Tahoma;}
  .okOver1{background-color:#700000; border:none; width:20px; height:17px; cursor:pointer; float:left; display:inline; color:#ffffff; font:bold 10px Tahoma;}

/* Panier */
#panier{position:absolute; right:10px; top:36px; text-align:right}
a.panier{background:url(../../images/charte/panier.gif) no-repeat left top; padding-left:20px; display:block; margin-bottom:2px;}
a.compte{background:url(../../images/charte/compte.gif) no-repeat left 2px; padding-left:12px; }
a.deconnexion{background:url(../../images/charte/deconnexion.gif) no-repeat left 5px; padding-left:17px; line-height:13px;}
#panier a:link, #panier  a:visited{color:#ffffff;}
#panier a:hover, #panier  a:active{color:#B88080}
.login{padding-left:50px;}

/*  */
#ami-popup{
 	background:#ffffff url(../../images/charte/bg-ami.jpg) no-repeat left top;}
.ami-box{
  padding-top:110px;
  }
  .ami-left{
    float:left;
    width:180px;
    padding-left:110px;
    }
  .ami-right{
    float:left;
    width:180px;
    padding-left:15px;
    }
.ami-box input{
  margin-top:10px;
  }
.buttons-ami{
  padding-left:208px;
  }
#ami-popup p{
	padding-bottom:5px;
	font-size:10px;
	line-height:1.5em;
	text-align:justify;
  font-family:Arial, Helvetica, sans-serif;
	color:red;
  text-align:center;
  padding-top:10px;
}
div#fermer-popup{
  position:absolute;
	right:10px;
  bottom:10px;
  }


/* creer-compte */
.creer-compte{float:left; width:380px; padding-left:70px; padding-bottom:10px}
#container-tabs{width:718px}

.client-detail{width: 313px; float:left; border-right: solid 1px #F46D00; margin-left:30px; display:inline; font:normal 11px Tahoma; color:#000000;}
.client-detail1{width: 300px; float:left; margin-left:30px; font:normal 11px Tahoma; color:#000000;}
.client-detail .label{font:normal 11px Tahoma; color:#000000; width:70px;}
.client-detail1 .label{font:normal 11px Tahoma; color:#000000; width:70px;}


.command-detail th{background-color:#F46D00; border:1px solid #ffffff; font-size:11px;}
.command-detail td{background-color:#ffffff; font:normal 11px Tahoma; color:#000000; padding:3px 0;}

.command table{font:11px solid Tahoma; color:#ffffff}

.command th{background-color:#F46D00; border:1px solid #ffffff; font-size:11px; color:#ffffff}
.command td{padding:3px 0; color:#000000; background-color:#ffffff; font:normal 11px Tahoma;}

.facture-adresse th{background-color:#EFEBEB; border:1px solid #ffffff; font-size:11px; color:#F46D00}
.facture-adresse td{background-color:#ffffff; font:normal 11px Tahoma;}

#table1 td, #table1 th{background-color:#ffffff; padding:3px;}

/* produits associees */
.produits-assoc{border:1px solid #CBCBCB; float:left;width:130px; text-align:center; margin:0 5px 10px 13px; height:155px; padding-top:5px}

/* communication */
.articles{width:147px; float:left; margin: 0 3px 15px;}
.articles td{height:43px; width:147px; text-align:center; line-height:12px;}

.articles-content{width:145px; height:145px; border:1px solid #F46D01; text-align: center;}
.evenements{background-color:#EAEAEA; width:112px; height:112px; float:left; text-align: center; margin-right:15px; margin-top:10px;}

.articles-images{margin-left:50px}

.articles-images div{float:left; margin:5px 20px 0 0px;}

.bullet{background:#ffffff url(../../images/charte/icon-list.jpg) no-repeat left 5px; padding:0 0 0 10px; margin:0; float:left;}

 .logo img{
  margin-bottom:15px;
 }