/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 mars 2017, 16:08:09
    Author     : laurent
*/
/*menu deroulant fuu size */
body
{ 
background-image:-webkit-repeating-linear-gradient(75deg, /* Big vertical shadows */
    transparent,
    black,
    transparent 1024px),
  -webkit-repeating-linear-gradient(30deg, /* Tiny hatching */
    transparent,
    rgba(0, 0, 0, 0.25) 3px,
    transparent 4px),
  -webkit-repeating-linear-gradient(345deg, /* Horizontal cuts */
    black,
    transparent 4px,
    transparent 224px,
    rgb(10, 0, 0) 256px),
  -webkit-repeating-linear-gradient(75deg, /* Main layer */
    black,
    #334 1px,
    #CDD 15px,
    #999 16px,
    black 2px);  
background-image:repeating-linear-gradient(15deg, /* Big vertical shadows */
    transparent,
    black,
    transparent 1024px),
  repeating-linear-gradient(60deg, /* Tiny hatching */
    transparent,
    rgba(0, 0, 0, 0.25) 3px,
    transparent 4px),
  repeating-linear-gradient(105deg, /* Horizontal cuts */
    black,
    transparent 4px,
    transparent 224px,
    rgb(10, 0, 0) 256px),
  repeating-linear-gradient(15deg, /* Main layer */
    black,
    #334 1px,
    #CDD 15px,
    #999 16px,
    black 2px);
}
.top_divider
{
clear:both;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.petit_logo
{
float: left;
height:80px;
width: 100px;
border-style:none;;
border-radius: 50px;
border-width: 1px;
margin-left: 30px;
margin-bottom: 20px;

}

.menu_deroulant ul
{
margin: 0px;
}
.petit_menu
{
display:none;
}
.grand_menu
{
position:relative;
height: 40px;
margin-top: 10px;
width: 100%;
z-index: 99999;
}

/* Portfolio */
.revue_de_presse_slider .sy-controls {
  display: block;
}
.revue_de_presse_slider .sy-pager {
  margin: 1.5em 0;
}
.prestation_footer
{
float: right;
height: 30px;
background-color: #fff;
padding:10px;
margin-bottom: 10px;
border-radius: 15px;
line-height: 15px;
}
.sy-caption-wrap .sy-caption
{
position:relative;
float: left;
top:120px;
}
.revue_de_presse_slider
{
margin-bottom:60px;
}
.legende
{
color: #080;
font-size: 13px;
font-style: italic;
}
/* fin revue de presse */
#img1,#img2
{
margin-bottom: 20px;
}
#img1, #img2,#img3,#img4,#img5,#img6,#img7,#img8,#img9,#img10
{
margin-top: 10px;
margin-left: 10px;
margin-right: -10px;
}
#img2, #img3
{
margin-top: 20px;
}
#img3
{
margin-bottom:15px;
}

#img4,#img10
{
margin-bottom:10px;
}
#img6
{
margin-top: 10px;
}
#img5
{
margin-top:30px;
}
#img7
{
margin-bottom: 20px;
}
#img11
{
margin-top: 20px;
margin-left: 10px;
margin-right: -10px;
}
#img15
{
margin-top: 25px;
margin-left: 10px;
margin-right: -10px;
}
#img12
{
margin-top: 10px;
margin-left: 10px;
margin-right: -10px;
margin-bottom: 15px;
}
#img13
{
margin-left: 10px;
margin-right: -10px;
}
a
{
color: #000;
}
.slider
{
height: 100%;
width: 1000px;
margin: auto;
text-align: center;
}
a:hover
{
color: #400;
}
.alignchip{
position: relative;
    float: right;
margin-top: 10px;
margin-right: 10px;
right: 10px;
}
.link_in_texte
{
color: #0AA;
font-weight: 700;
}
.link_in_texte:hover
{
color: #347;
}
.titre
{
font-size: 20px;
height: 30px;
background-color: #688;
padding-left: 10px;
line-height: 33px;
height: 30px;
color: #fff;
margin-top: 16px;
margin-bottom: 30px;
border-radius: 2px;
}
.container
{
background-color: #fff;
width: 95%;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
margin-top: 0px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #fff;

}
.footer
{
background-color: #224;
color: #fff;
padding: 15px;
padding-bottom: 1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}

.adresse
{
font-size: 15px;
}
.btn
{
position:relative;
left: -10px;
font-size: 14px;
line-height: 20px;
height: 30px;
padding: 7px;
padding-left: 15px;
padding-right: 15px;
margin-right: 4px;
border-radius: 4px;
margin-top: 5px;
}
.col
{
text-align: justify;
}
.material-icons
{
    font-size: 32px;
    color: #fff;
    border-radius: 24px;
    text-align: center;
    width: 48px;
    height: 48px;
line-height: 48px;
    background-color: #688;
}
.prestation_footer
{
float: right;
clear: right;
margin-bottom: 20px;
height: 30px;
background-color: #8CC;
padding:10px;
margin-bottom: 10px;
border-radius: 15px;
line-height: 11px;
}

.fml_contact
{
float: left;
clear: both;
display:block;
position: relative;
width: 200px;
}
.prestation_footer:hover
{
-moz-box-shadow: 0px 0px 10px 4px #656565;
-webkit-box-shadow: 0px 0px 10px 4px #656565;
-o-box-shadow: 0px 0px 10px 4px #656565;
box-shadow: 0px 0px 10px 4px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
}
.span_addresse
{
text-align: center;
width: 100%;
color: #000;
float: left;
clear:both;
margin-top: 20px;
height: 30px;
background-color: #fff;
padding:10px;
margin-bottom: 0px;
border-radius: 15px;
line-height: 15px;
margin-left: 0px;
}
.partenaires
{
clear: both;
display: block;
color: #000;
position: relative;
top: 20px;
text-align: right;
}

.email:hover
{
color: #194;
}
.text_dropdown
{
font-size: 14px;
}
.prestations
{
left: -20px;
position: relative;
display: block;
background-color: #9AA;
height: 45px;
margin-bottom: 10px;
line-height: 8px;
padding: 20px;
width: 304px;
font-size: 14.5px;
color: #000;
}
.prestations:hover
{
background-color: #90a0a0;
color: #400;
}
.menu_li
{
background-color: #9AA;
height: 45px;
margin-bottom: 10px;
line-height: 20px;
}
.submenu
{
position: relative;
top: -20px;
display: block;
background-color: #9AA;
height: 30px;
margin-bottom: 5px;
line-height: 8px;
font-size: 14px;
width: 300px;;
height: 40px;
padding: 20px;
}
.submenu:hover
{
background-color: #90a0a0;
}
.row
{
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
}
.footer .row
{
padding-left:10px;
padding-right:10px;
margin-top:-30px;
}

@media only screen and (max-width:1100px) and (min-width:993px)
{
    .grand_menu
    {
        display:none;
    }
.petit_menu
{
display: block;
}
}
    
@media only screen and (max-width:992px)
{
.grand_menu
    {
        display:none;
    }

.petit_menu
{
display: block;
}
   .liste_footer
   {
float: left;
margin-top: 20px;
text-align: left;

clear: both;
}
.span_addresse
{
clear:both;
height: auto;
font-size: 15px;
line-height: 20px;
padding: 10px;
padding-top: 25px;
padding-bottom: 0px;
}
.grand-menu
    {
        display:none;
    }
.prestation_footer
{
position:relative;
float: left;
margin-bottom: 10px;
clear:both;;
}
.col
{
text-align: left;
}
.email
{
display: block;
clear: both;
margin-bottom: 20px;
}
.row
{
clear: both;
padding-left: 5%;
padding-right:5%;
padding-top:1.5%;
padding-bottom:0%;
}
.revue_de_presse_slider .sy-controls {
  display: block;
}
.revue_de_presse_slider .sy-pager {
  margin: 1.5em 0;
}

.sy-caption-wrap .sy-caption
{
position:relative;
float: left;
top:120px;
}
.revue_de_presse_slider
{
margin-bottom:60px;
position: relative;
top: -50px;

}

}
@media only screen and (max-width:600px)
{
    .container
{
background-color: #fff;
width: 100%;
border-left-style: solid;
border-left-width: 0px;
border-right-style: solid;
border-right-width: 0px;
margin-top: -14px;
border-top-style: solid;
border-top-width: 0px;
border-top-color: #fff;
}
.petit_logo
{
margin-top: 15px;
}
.alignchip
{
margin-top: 25px;
}
}