body    {font-family: Arial, Georgia, Verdana, sans-serif;font-size:12px;background:#07051a url(http://accel10.mettre-put-idata.over-blog.com/2/84/88/85/design-du-blog/fond-acc3.jpg) left repeat-y; width: 100%;}


body {position:absolute; top:0px; margin-left: auto; margin-right: auto; width:100%;}

/*---------- newsletter----------*/
.newsletter {background-color:#FFFF00;}
.newsletter .box-titre {border-bottom: 6px solid #ff8800; background-color:#00CC00;}
.newsletter .box-content {border-top: 6px solid #660099;border-bottom: 6px solid #FF0066;} 
.newsletter .box {border-bottom: 6px solid #FF0066;} 
#divNewsletter h2 {text-align:center; font-size:12px;}

.newsletter input {border:solid 1px #660099; font-size:100%; background-color:#000000; color:#FFFF00; margin:1px;}


a 	{text-decoration:none; color:#FF6600;} 
#menu-principal a {color:#ffffff;}
#menu-principal  {padding:50px 0 0 30px;}
#copyright {margin-right:10px;}

.facebook {display:none;}
.publishedBy {display:none;}
#top { background:transparent url(http://accel10.mettre-put-idata.over-blog.com/2/84/88/85/design-du-blog/horinzontal.png) bottom left no-repeat; text-align:left; width:100%; margin-top :18px;}
#header {text-align:center; position:relative; color: #07051a; font-size:16px;width:80%; font-family:Vivaldi, Monotype Corsiva, Andale Mono, sans-serif;}
#top h1 { margin:0px; padding-left:50px; font-weight:bold;}
.topLien a {text-decoration:none; color:#07051a;}
.topLien a:hover {text-decoration:none; color:#07051a;}
#web {font-size:9px; color:#74749f;}
#footer {color:#07051a!important; background:transparent url(http://accel10.mettre-put-idata.over-blog.com/2/84/88/85/design-du-blog/horinzontal.png) bottom right no-repeat; text-align:right; margin-top:8px; margin-bottom:15px; font-size:22px; font-family:Vivaldi, Monotype Corsiva, Andale Mono, sans-serif;}

body, html {padding: 0px; margin: 0px;}
#global-menu {padding: 0px; width:200px; float:left;}


#footer {position:relative; background-color:transparent; color:#f7ffef; text-align:right;padding-bottom:1px; clear: both;}

.clear {clear:both;}

.box {width:160px; overflow:hidden; position-absolute; left;}

#intro {float:center;}

h1      { color: #07051a; font-size: 24px;margin-top:5px; font-weight: normal;} 
h2      { color: #07051a; font-size: 14px; }
h3      { color: #07051a; font-size: 12px; }

legend  { color:#07051a; padding-left:5px; padding-right:5px;}
li      { list-style-type: square; margin: 0 0 20px 10px; padding:0; color:#FF6600;}
img     { border:4px solid #07051a; } 
input   { border:solid 1px #07051a; font-size:100%; background:transparent; color:#FFFFFF; } 
form 	{ margin:0px;padding:0px;}






#articleSeul h2 a 	 {text-align:left; font-family:Vivaldi, Monotype Corsiva, Andale Mono, sans-serif;font-size:26px; margin:0px;padding: 0px 5px 4px 15px; position :absolute ; top : 18px ; left : 34px; z-index:5000; color:#07051a!important;}  
.contenuArticle {background-color:transparent; color:#FFFFFF;margin-top: 0px;padding: 5px 5px 5px 15px;}


.titre-intro {display:none;}


/*responsive et menu mobile */


#menu-mini {z-index: 1000;}

#menu-mini nav{
    width: 100%;
    margin: 0 auto;
    background-color: #031b35;
    position: absolute;
    top: 0px;
}

#menu-mini nav ul{
    list-style-type: none;
}

#menu-mini nav ul li{
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}


#menu-mini nav a{
    display: block;
    text-decoration: none;
    color: #ff6600; 
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
}

#menu-mini nav a:hover{
    border-bottom: 2px solid #031b35;
}

#menu-mini .sous{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: #031b35;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
#menu-mini nav > ul li:hover .sous{
    display: block;
}
#menu-mini .sous li{
    float: none;
    width: 100%;
    text-align: left;
}
#menu-mini .sous a{
    padding: 10px;
    border-bottom: none;
}
#menu-mini .sous a:hover{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
}







body {font-family: Arial, Georgia, Verdana, sans-serif;font-size:12px;background:#07051a url(http://i19.servimg.com/u/f19/11/08/80/99/fond-a10.jpg) left repeat-y; width: 100%;}
#top { background-color: rgba(255, 255, 255, 0.6); text-align:left; width:100%; margin-top :18px; height:30px;}

#header {text-align:center; position:relative; color: #07051a; font-size:16px;width:80%; font-family:Vivaldi, Monotype Corsiva, Andale Mono, sans-serif;}
#top h1 { margin:0px; padding-left:50px; font-weight:bold;}
.topLien a {text-decoration:none; color:#07051a;}
.topLien a:hover {text-decoration:none; color:#07051a;}
#web {font-size:9px; color:#74749f;}

footer {position:relative; color:#07051a!important; background-color: rgba(255, 255, 255, 0.6);text-align:right; margin-top:-20px; margin-bottom:15px; font-size:22px; margin-left:15%; font-family:Vivaldi, Monotype Corsiva, Andale Mono, sans-serif;}


#menu-mini {z-index: 1000;}

#menu-mini nav{
    width: 100%;
    margin: 0 auto;
    background-color: #031b35;
    position: absolute;
    top: 0px;
}

#menu-mini nav ul{
    list-style-type: none;
}

#menu-mini nav ul li{
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}


#menu-mini nav a{
    display: block;
    text-decoration: none;
    color: #ff6600; 
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
}

#menu-mini nav a:hover{
    border-bottom: 2px solid #031b35;
}

#menu-mini .sous{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: #031b35;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
#menu-mini nav > ul li:hover .sous{
    display: block;
}
#menu-mini .sous li{
    float: none;
    width: 100%;
    text-align: left;
}
#menu-mini .sous a{
    padding: 10px;
    border-bottom: none;
}
#menu-mini .sous a:hover{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
}








#mob {position: fixed;
  top: 0;
  width: 110%;
  background-color: #ff6600;
  margin-left:-10%;
  z-index:1000; text-align:center;}

#mob a {text-decoration: none; color: #3d0000; }  
#mob .mob-link:hover a {color:#ffffff;  }

#mob .mob-link a {height:50px; display: flex; flex-direction: column;   justify-content: center; }

.close-menu {float:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height:20px; width:20px; border:10px; padding:10px; vertical-align: middle; color: #3d0000;}

li .master-burg a {font-size: 800%;}
  
#mob ul li ul {display:none;}

ul#col-left {float:left; margin-left:-12%; width:43%; text-align:center;}

ul#col-right {float:right; width:43%; margin-left:-12%; text-align:center;}




#mob li {border-bottom:1px solid #07051a;}

#mob ul li ul li:hover {background-color: #031b35; color:#ffffff; }

#mob ul li:hover ul {display:block;}


#mob .master-burg #burger {font-size:50px;}





@media handheld, only screen and (max-device-width:500px), only screen and (max-width:500px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) 
 { 
 footer {display:none;}
 #header {display:none;}
 #menu-principal {display:none;}
 body {background:#07051a; background-image:none;}
  #intro {margin-top:30%;}
 .divTitreArticle {display:none;}
 #supprimer {display:none;}
}



  @media screen and (min-width: 600px)  {#mob {display:none;}}