/* ----- eric meyer's css reset & clearfix */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td         { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus                                                  { outline: 0; }
body                                                    { line-height: 1; color: black; background: white; }
html, body                                              { height: 100%; }
ol, ul                                                  { list-style: none; }
table                                                   { border-collapse: collapse; border-spacing: 0; }
caption, th, td                                         { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after  { content: ""; }
blockquote, q                                           { quotes: "" ""; }

.clear:after                                            { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear                                                  { display: inline-block; }
html[xmlns] .clear                                      { display: block; }
* html .clear                                           { height: 1%; }

/* ----- general et main.php -----------*/
body                                                    { background:url(../images/background.png) repeat-x 0 0; font-family: arial, Helvetica,sans-serif; font-size:13px; color:#000;}
h2                                                      { font-size:19px; text-transform:uppercase; color:#12286c;}
a                                                       { color:#5d5d60; text-decoration:none;}
.all                                                    { margin:0 auto; width:908px;}
.header                                                 { padding-bottom:10px;}

.entete h1			                                        {float:left; padding: 20px 0; width:630px; height:80px; text-indent:-1000px; overflow:hidden; background:url(../images/logo.png) no-repeat;}
.entete .adresse                                        {float:right; width:208px; padding-right:15px;}

/*bouton*/
.menu                                                   {clear:both; background:url(../images/menuconteneur.png) no-repeat; width:856px; height:56px; padding:0 0 0 10px;}
.menuItem                                               {position:relative; width:140px; height:56px; line-height:56px; /*height:24px; margin:15px 0;*/ float:left;  color:#5d5d60; text-align: center; background:url(../images/ligne.png) no-repeat left;}
.menuItem:first-child                                   {background:none;}

#testTD                                                 {width:140px; height:24px; margin:15px 0;}
.buttonOver{
  background: transparent url('../images/boutonFinOver.png') no-repeat scroll top right;
  color:#ffffff;
  height: 24px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
  margin: 0 auto;
  line-height: 24px;
  display: block;
  padding:0 15px 0 200px;
  float:left;
}

.buttonOver2{
  background: transparent url('../images/boutonFinOver.png') no-repeat scroll top right;
  color:#ffffff;
  height: 24px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
  margin: 0 auto;
  line-height: 24px;
  display: block;
  padding:0 15px 0 0px;
  float:left;
}


#wrapper {
background:#6aaef7 url(../images/wrapper_bg.jpg) repeat-x scroll center top;
margin:0 auto;
width:100%;
min-height:100%;
}


#marginsend {padding-top:10px; display:block;}

.buttonOver2 span{
  background: transparent url('../images/bontonDebutOver.png') no-repeat;
  color:#ffffff;
  line-height: 24px;
  display: block;
  padding-left:15px;
}

.buttonOver span{
  background: transparent url('../images/bontonDebutOver.png') no-repeat;
  color:#ffffff;
  line-height: 24px;
  display: block;
  padding-left:15px;
}


a.button:hover, .active{
  /* Sliding right image */
  background: transparent url('../images/boutonFinOver.png') no-repeat scroll top right;
  color:#ffffff;
}
a.button:hover span, .active span{
  /* Background left image */ 
  background: transparent url('../images/bontonDebutOver.png') no-repeat;
  color:#ffffff;
}

a.button, a.button:hover, .active
{
  height: 24px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
  margin: 0 auto;
  padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
  display: inline-block;
}

a.button span, a.button span:hover, .active .active span
{
  line-height: 24px;
  display: block;
  padding-left:15px;
}

.tinymce ul                             { margin-left:25px; list-style-type:disc; }
.tinymce ul li ul                       { list-style-type:circle; }
.tinymce p                              { padding-bottom:10px; line-height:16px; text-align:justify;}


.sousmenu                                               {width:140px; position:absolute; top:39px; left:0px; z-index:1000; background-color:#edeceb;}
.sousmenu li                                            {border-top:solid 1px #cccaca; height:40px !important; padding-top:10px;}
.sousmenu li:hover                                      {background-color:#0b216a;}
.sousmenu a:hover                                       {text-align:left; color:#ffffff; height:40px !important; }
.sousmenu a                                             {text-align:left; height:40px !important;  line-height:normal !important; padding-left:10px; display:block;}

.soussousmenu                                           {position:relative; top:-51px; left:140px; z-index:1000; background-color:#edeceb; font-size:10px;}
.soussousmenu li                                        {padding-right:20px;}
.soussousmenu a                                         {padding-right:20px;}

.ligneMenu                                              {color:#ac5437;}
.banner                                                 {width:1000px;}
.banner                                                 {margin:0 auto;}
.banner1  h2                                            {}
.banner1                                                {}
.banner2                                                {}
.banner3                                                {}
.banner4                                                {}
.banner1 h2, .banner2 h2, .banner3 h2, .banner4 h2      {width:208px; float:left; background:url(../images/conteneurEnteteHaut.png) no-repeat top; text-indent:20px; padding-top:20px; padding-bottom:10px;}
.banner1, .banner2, .banner3, .banner4                  {display: block; z-index: 0; width:208px; float:left; margin: 7px 7px 0 0;}
.bannerContent                                          {display:block;}
.bannerBouton                                           {left:0px; bottom:19px;}
.banner cliquerBanner                                   {text-decoration:none; color:#12286C;}
.banner a:hover                                         {font-style:italic;}
.banner1 a, .banner2 a, .banner3 a, .banner4 a          {display:block; position:relative; width:100%; height:100%; background:url(../images/onglet.png) no-repeat bottom;}
.boutonBas                                              {height:25px; width:101px; background:url(../images/onglet.png); left:0px; bottom:30px; color:#ffffff; text-indent:20px; line-height:22px;}                                          
.boutonBas:hover                                        {height:25px; width:101px; background:url(../images/ongletOver.png); left:0px; bottom:30px; color:#ffffff; text-indent:20px; line-height:22px;}                                          
.bannerContent img                                      {margin:0 10px 15px 10px; border:solid 1px #0C2164;}
.textBanner                                             {/*text-indent:20px;*/ text-align:justify;}
.textBanner p                                           {margin: 0 20px 20px 20px}     
.footer                                                 {text-align:center; border-top:solid 1px #cccccc; padding:10px 0; margin:10px;}
.lang                                                   {width:208px; height:39px; background:url(../images/langue.png) no-repeat; position:relative; top:0; right:0; padding-bottom:12px; padding-left:50px;}
.lang a                                                 {line-height:35px; font-weight:bold; }
.lang span                                              {font-weight:bold;}
.addr                                                   {padding-left:40px;}
.banTop a                                               {color:#12286C;}
.boutonBas a                                            {color:#ffffff;}
.banner h2                                              {}

/*-----------fin main.php-----------------*/

/*---accueil--*/
.descAcc      {width:863px;}
.imgAcc       {float:left; width:258px; padding-left:26px;}
.textAcc      {float:left; width:576px; color:#0a1f62; padding-bottom:25px;}
.textAcc h2   {color:#1D1C1C; padding-bottom:17px; font-size:25px;}

/*---fin accueil--*/
.test {clear:both; padding-top:20px;}
/*-- page contact --*/
.container                                              { padding-top:100px}
.marginForm                                             {margin:0 20px;}
.col1                                                   {width:600px; float:left;}
.col2                                                   {width:215px; float:right;}

.containForm label                                      {height:26px; display:block; }
.containForm input                                      {border:1px solid #5d5d60; width:188px;}
.containForm textarea                                   {border:1px solid #5d5d60; color:#000000; font-size:1em; height:95px; overflow:auto; width:188px;}
#small1                                                 {height:51px; width:227px;}
#small2                                                 {height:58px; width:227px;}
#small3                                                 {height:50px; width:446px;}
#capchatd img                                           {height:30px !important; width:105px !important;}
#largeurtd                                              {width:90px;}
#largeurtxtarea                                         {width:100px;}
.col2 h2                                                {font-size:17px; background:url(../images/enteteSubContent.png) no-repeat; height:46px; line-height:46px; text-indent:5px;}

/*--------------slideshow-----------------*/
.slideshowContent                                       {float:left; width: 610px;}
.navigation                                             {float:left; width: 210px; }
.content                                                {float:left; margin-left:0px; }

.thumbs li                                              {float:left; margin:5px;}
.thumb img                                              {display:block; width:80px; border:1px solid #cccccc; padding:1px; }

.pagination a, .pagination span.current, .pagination span.ellipsis
                                                        {border:1px solid #CCCCCC; display:block; float:left; margin-right:2px; padding:4px 7px 2px;}
.content a, .navigation a                               {color:#777777; text-decoration:none;}
.pagination span.current                                {background-color:#000000; border-color:#000000; color:#FFFFFF; font-weight:bold;}
.navigation .top                                        {height:11px; margin-bottom:23px;}
.pagination                                             {clear:both;}
div.controls                                            {height:21px; margin-top:5px; width:350px;}
div.ss-controls                                         {float:left;}
div.nav-controls                                        {float:right;}
div.controls a                                          {padding:5px;}
.slideshow img                                          {border:1px solid #cccccc; padding:1px; width:350px;}

div.caption-container                                   {}
div.image-title                                         {font-size:1.4em;font-weight:bold;}
div.image-desc                                          {line-height:1.3em;padding-top:12px;}
.image-desc p                                           {display:inline;}
div.download                                            {float:right; padding-top:3px;}
div.caption                                             {padding:12px;}
span.image-caption                                      {display:block; width:374px;}


/*-----------------fin slideshow------------------------*/
.cTop               {background:url(../images/conteneurLeftH2.png) no-repeat; width:208px; height:44px;}
.cMiddle            {background:url(../images/cMiddle.png) repeat-y; width:208px;}
.cBas               {background:url(../images/cBas.png) no-repeat; width:208px; height:37px;}
.cLeft              {float:left; width:258px;}
.cLeft h2           {line-height:45px; text-indent:20px; font-size:17px;}
.cMiddle            {padding:20px 0 0;}
.cMiddle p          {padding:0 20px;}
.pale               {color:#cccccc;}
.cMiddle ul         {padding:0 0 0 10px}
.cMiddle ul a       {color:#0A1F62;}
.cMiddle ul a:hover, .ac {text-decoration:underline;}

/*----------------contact ---------------------------*/
.imgContact     {float:left; width:400px;}
.textContact    {float:left; width:140px}
.col1 h2        {padding-bottom:37px;}
.col2           {}
#labelTest      {height:40px; }
.frmEnvoyer     {height:10px; padding-top:15px;}
.frmEnvoyer img {display:block; float:left; padding-left:120px; padding-right:10px;}

.frmlink        {color:#0C2164; display:block;  float:left; margin:3px 0 0 3px; text-decoration:underline;}
.btn_frmlink    {  float:left; padding: 5px 0 0 50px}

.contactAdresse {padding-bottom:20px;}
.emailAdresse   {}
.lien           {text-decoration:underline; color:#0c2164;}
.formPad        {padding:0 8px;}
.col1 p             {padding-bottom:27px;}
.imgContact img     {border:1px solid #878786;}


.banTop              {background:url(../images/enteteBan.png) no-repeat; width:208px; height:58px; line-height:60px; text-indent:10px;}
.banMiddle           {background:url(../images/contentBan.png) no-repeat; width:208px; height:269px;}
.ban                 {float:left; padding-right:8px; padding-bottom:20px;}

.cliquerBanner       {/*width:100%; height:100%; display:block;*/}

/*************magasin-********************/

.contentMag                   {}
.descMag, .produitMag         {margin-left:20px; margin-right:20px; width:800px; margin-top:100px;}
.descMag h2                   {padding-bottom:25px; padding-left:10px;}
.descMag p                    {text-align:justify;}
.produitMag                   {}
.colGauche                    {float:left;}
.colDroite                    {float:left; width:580px;}
.colDroite h2                 {text-indent:17px; padding-top:14px; font-size:17px;}
.promo                        {width:215px; float:left;}
.left                         {float:left; margin-left:10px; padding:27px 0 31px 0;}
.cTop h2                      {font-size:17px; line-height:45px; text-indent:20px; overflow:hidden; margin:0 20px 0 0;}
.cMiddle img                  {display:block; margin:0 0 10px 0;}
.item li                      {float:left; padding:24px 5px 24px 5px; overflow:hidden; width:180px; height:131px;}
.pageMag                      {clear:both; padding-left:14px;}


.pageMag span.current, .pageMag span.pasCurent  {margin-left:5px; border:1px solid #000000;display:block;padding:2px 6px;float:left;}
.pageMag span.current                           {background-color:#000000; font-weight:bold;}
.pageMag span.pasCurent                         {background-color:#ffffff;}

.pasCurent a{color:#000000; }

.current a          {color:#FFFFFF;}
.pageMag p          {float:left;padding:5px 5px 0 0;}
.cMiddle p          {}
.hidden             {display:none;}
.csspopup           {width:400px;}
.csspopup p         {width:400px;}
.imgGros            {height:400px;}
.imgpopup           {height:200px; margin-left:auto; margin-right:auto; display:block;}
.csspopup2 p        {width:200px;}
.contentMag img     {border:1px solid #0a1f62;}

/*---------------------soumission------------------*/
.centrer                 {text-align:center;}
.gauche                  {text-align:left;}
.droite                  {text-align:right;}
 
td                       {padding:5px 10px;}
#maint                   {width:50px; margin-right:20px;}
.aligntop                {vertical-align:top;}
table                    {width:863px; border:1px solid #cccccc;}
.soumh2                  {padding:100px 0 20px 0;}
.soumh2 h2               {padding-bottom:10px; font-size:25px;}
.txtarea                 {width: 420px; height: 120px;}
 
.sendsoum img            {display:block; float:left;}
.sendsoum span           {display:block; float:left; padding-left:10px;}

.download a              {color:#777777;}
.testselect              {padding-bottom:8px;}


/*****/
.bannerT      {
float:left;
padding-bottom:20px;
padding-right:8px;
}
.banTopT      {
background:transparent url(../images/enteteBan.png) no-repeat scroll 0 0;
height:58px;
line-height:60px;
text-indent:19px;
width:208px;
}
.banMiddleT   {
background:transparent url(../images/contentBan.png) no-repeat scroll 0 0;
height:269px;
width:208px;
}
.boutonBasT   {
background:transparent url(../images/onglet.png) repeat scroll 0 0;
bottom:30px;
color:#FFFFFF;
height:25px;
left:0;
line-height:22px;
text-indent:20px;
width:101px;
}

.ligneItem
{
  color:#0A1E60;
  float:left;
  font-size:20px;
  height:24px;
}


.accueil
{
  width:564px;
  color:#0A1F62;
  float:left;
}

.accueil h2 {
color:#1D1C1C;
font-size:25px;
padding-bottom:37px;
}

.accueilImg
{
  float:left;
}

.padSection
{
  padding-top:37px;  
}

.padSection img
{
  float:left;
  padding-right:10px;
}

.padSection p
{
  float:left;
  width:350px;
}

.block
{
  clear:both;
  padding:37px 0 0 0;
}

.sectionpad
{
  padding:0 0 10px;
  display:block;
  text-decoration:underline;
  color:#fff;
}

.cMiddle strong
{
  font-weight:bold;
}

.cMiddle img
{
  display:block;
  margin-left:auto;
  margin-right:auto; 
}

.padSection h2
{
  padding:0;
}

#comtoire             {padding-bottom:0px; margin-bottom:0px;}
.paddingSousPage      {padding:100px 40px 20px 40px;}
.paddingSousPage h2   {padding-bottom:20px;}
.alingRight           {float:right;}
.both                 {clear:both; display:block; width:100px;}
.noborder             {border:none !important; }

.aligntop, .aligntop td       {vertical-align:top;}
.alignbottom                  {vertical-align:middle;}
.alignmiddle                  {vertical-align:middle !important;}
.alignright                   {text-align:right;}
.alignleft                    {text-align:left;}

/*javascript*/
.resizejs                 {width:150px !important;}
.colGaucheService         {width:260px; float:left; padding-top:100px;}
.colDroiteService         {width:576px; float:left; padding-top:100px;}

.padslideshow             {display:block; margin:0 30px 20px; height:115px !important;}
.displayBouton            {display:inline !important; margin:0 !important; }
.cMiddle li               {padding:5px 0; vertical-align:top; clear:both;}
.imgcn  {height:20px; padding:12px 0 0; display:inline; float:left;}
.liencn {height:20px; padding:10px 0 0 20px; display:block;}
.serMiddle                {padding:0 !important;}

.renegat                  {vertical-align:bottom;}
.bordertop, .bordertop2   {border-top: 1px solid #CCCCCC; height:45px;}
.bordertop2 td            {vertical-align:middle;}
.bordertop td             {vertical-align:bottom;}
.espacement               {height:60px;}
.vide                     {height:20px;}
.selecttd select          {margin-top:10px; }
.espacement1ligne         {height:70px;}

/********************popup*******************/
#easy_popupcontent small  {color:#ff0300 !important; right:10px !important; top:13px !important; left:auto !important; float:none !important; font-weight:bold;}


/**********************acccueil 2.0**********/
.case                     {width:400px; float:left; padding-right:30px; padding-bottom:20px;}
.case h3                  {color:#ffffff; font-weight:bold;}
.case .caseimg            {float:left; padding-right:30px;}
.case a                   {}
.case p                   {margin-top:10px; text-align:justify;}
.w850                     {}
#accueiltext              {}
#sectionaccueil h2        {padding:20px 0;}
.slogan                   {padding:20px 0;}
.h100                     {padding-top:100px;}
.h100 h2                  {padding-bottom:20px; font-size:25px;}
.h100 li                  {padding:10px 0; margin-left:33px;}
.h100 .first              {padding:10px 0; margin-left:0px;}
.h100 .left h3            {padding-bottom:10px;}
.padslidetexte            {padding-bottom:20px;}
.popupslide               {width:800px;}
.popupslide h3            {font-size:18px; font-weight:bold; padding:0 0 10px;}
.popupslide .slidepad     {padding:0 0 0 10px; float:left; text-align:justify; width:426px;}
.popupslide .leftimg      {float:left; height:250px;}
.left .leftimg            {border:1px solid #0A1F62;}

/*****divers popup addons********/
.csspopup2 h2, .imgGros   {padding-top:30px;}


.fadein                       {position:relative; height:132px; margin-left:26px;}
.fadein img                   {position:absolute; left:0; top:0; }

/****tinymce***/
.padrightimgtiny              {padding-right:10px;}
#easy_popupcontent            {height:400px;}

/*ajout*/
#caseh3 a                     { color:#ffffff !important;}
.scroll                       { overflow:auto; height:392px;}