/*
    ***********************************
    ************ =Base ****************
    ***********************************
*/


a:link {text-decoration: none;}
a, a:visited {color: #2d83b5;}
a:visited{text-decoration:none}
a:active{}
a:hover{text-decoration:underline}

body {
        line-height: 0.94vw;
        font-family: arial,verdana,sans-serif;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

html, body, div, ul, li, img, 
h1, h2, h3, h4, h5, h6, p, a, 
span, form, label, address {
            background:transparent none repeat scroll 0 0 ; 
            border: 0 none; 
            font-family: "Lato", "Tahoma", "Geneva", Arial, Helvetica, sans-serif; 
            margin: 0; 
            padding: 0; 
            vertical-align: baseline;
} /*, applet, object, iframe, pre, abbr, acronym, big, cite, code, del, dfn, em,font, img, ins,kbd, q, s, samp, small, strike, strong, 
      sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, legend, table, caption,tbody,tfoot,thead,tr,th,td*/

h1{font-size:1.49vw;line-height:1.5958vw;} 
h2{font-size:1.17vw;line-height:1.2766vw;} 
h3{font-size:0.9575vw;line-height:1.0638vw;} 
h4{font-size:0.7447vw;line-height:0.7979vw;}
h5{font-size:0.6915vw;line-height:0.7979vw;}
h6{font-size:0.5319vw;line-height:0.7979vw;}


/*
    ***********************************
    ********* =MasterPage *************
    ***********************************
*/



body {
    background-color: #ebeceb;
    font-size: 0.91vw;
    width: 55.87vw;
    margin: 0 auto;
}

body {font-family: Lato;}

.container {
    width: 51.96vw;
    min-height: 142vh;
    max-height: 142vh;
    /*  min-width:700px;ATTENTION A CETTE PROPRIETE  ATTENTION A CETTE PROPRIETE  ATTENTION A CETTE PROPRIETE */
    /* max-width:750px;*/
    margin: 0 auto;
    padding: 0 1.676vw;
    background-color: #fff;
    -moz-box-shadow: 0vw -0vw 0.957vw 0.319vw #656565;
    -webkit-box-shadow: 0vw -0vw 0.957vw 0.319vw #656565;
    /*-o-box-shadow: 0vw -0vw 0.957vw 0.319vw #656565;*/
    box-shadow: 0vw -0vw 0.957vw 0.319vw #656565;
}



@media only screen and (min-width: 320px) 
  and (max-device-width: 800px){
    .container {
        left: 50%;
        margin-left:-21.90vw;
    }
} 



.top {  
        height: 3.979vw;
        position: relative;
        padding: 0;

        border-top: 0.1064vw solid #2d83b5;

        /*background-image: url("/Images/jelliz.png");*/
        /*background-repeat: repeat;*/
        /*background-size:2.13vw;*/
}

.top__logozone {
                height: 0.255vw;
                width: 20.784vw;
                float: left;
}

.top__logozone a img {
                height: 3.457vw;
                width: 12.47vw;
}

.top__reseaux {
                width: 4.676vw;
                float: right;
                left: 47.54vw;
                position: absolute;
                top: 0.1064vw;
}

.top__reseaux a img {
                width: 1.309vw;
                height:1.309vw;
}

.navigation {width:33.254vw;
             height: 1.968vw;
             margin-right:-1.676vw; 
             margin-top:1.064vw;
             float:right;
             border-bottom:0.2128vw solid #f54235;  
}


.nav {
        position: relative;
}

.nav li {   
                    width:8.3134vw; 
                    height:1.9681vw;
                   padding: 0;
                    display: inline;
                    float: left;
                    z-index: 600 !important;

                    border-top: 0.2128vw solid #fff; 
                    
                    list-style-type: none;
                    text-align:center;
                    }
            
.nav > li > a {     
                    margin-top:0.10638vw; 
                    height:0.85106vw;  
                    display: block;    
                    padding: 0.3723vw 0.7979vw 0.3191vw;   
                     
                    color: #2d83b5;                   
                   /* font-size: 86%;*/
                    font-size: 0.75vw;
                    font-weight: 600;
                    /*font-family: Arial;*/
                    text-decoration: none;
                    text-transform: uppercase;
}

.nav > li:hover > a, .nav > li:active > a {
    Background-color: #ffc37b;
    color: #39045a;
    font-weight: 900 !important;
    text-decoration: none
}

.nav-main {
    width: 55.30vw;
    height: 35vw;
    display: block;
    background-color: rgb(42, 43, 42);
    margin-left: -1.676vw;
    margin-top: -1.0vw;
    margin-bottom: -0.56vw;
}


/*
.nav-main {
            width:55.30vw;
            height:37vw;
            position: absolute;
            display:inline;
            background-color:rgb(42, 43, 42);
            color:rgb(204,204,204);
            padding:0.5319vw 0;
            /*box-shadow: 0.5319vw 0.6383vw 1.5957vw rgba(0, 0, 0, 1);*/
            /*overflow:hidden;
            z-index: 401;*/
            /*background: -webkit-gradient(linear,left top,left bottom,from(#111),to(#555));
            /*background: -moz-linear-gradient(left top,#111,#555);
}
*/
.hide{ display:none;}

.nav-divider {
    display:inline-block;
    width:1.16vw;
    height:15vw;background-color:rgba(0, 0, 0, 0);
}

.nav-divider-2 {
    display:inline-block;
    width:2.16vw;
    height:15vw;background-color:rgba(0, 0, 0, 0);
}
/*
.nav > li:hover > div {
    display: block;
}
*/
.nav-headlines {
    display: inline-block;
    vertical-align:top;
    width:15.84vw;
    font-weight:normal;
    padding-top:0.35vw;
    padding-right: 0;
}

@font-face {
    font-family: "Calvert MT";
    src: url('../Scripts/Calvert_MT_Bold.ttf');
}

.nav-headline-title {
    color:white;
    /*color:rgb(169, 5, 51);*/
    color:#967B5A;
   font-family:  'Calvert MT','Open Sans',sans-serif;font-weight:normal;
    font-size:1.2vw;
    line-height:1.54vw;
    padding-bottom:0.8vw;
    padding-top:0.8vw;
}

.nav-headline-subTitle, .nav-headline-subTitle a {
    font-weight: normal;
    font-size: 0.90vw;
    line-height: 1.1vw;
    text-align: left;
    padding-top: 0.7vw;
    padding-bottom: 0.7vw;
    color: white;
}

    .nav-headline-subTitle a, .nav-headline-subTitle a:visited {
        text-decoration: none;
        outline:0;
    }


.nav-headline-text, .nav-headline-text a {
    color: rgb(204,204,204);
    display: block;
    text-align: left !important;
    font-family: 'Open Sans','Calvert MT',sans-serif;
    font-weight: normal;
    font-size: 0.7447vw;
    font-weight: 400;
    text-decoration: none;
    line-height: 0.8936vw;
}

.nav-headline-text{
   padding: 0 0 0.5vw 0.5vw;
}

.nav-headline-text a{
   padding: 0 0 0.4vw 0;
}

.nav-headlines div:first-child{
   padding-top: 0.8vw;
}

.nav-headline-text a:hover, .nav-headline-text a:visited:hover {
    background-color: rgb(169, 5, 51);
    color: rgb(255,255,255);
    margin: 0.12vw -1.2vw 0.12vw -1.5vw;
    padding: 0 0.6vw 0 0.6vw;
    border-radius: 0.53vw;
    word-spacing: 0.6vw;
    letter-spacing: 0.03vw;
    word-spacing: 0.2vw;
    line-height: 1.1vw;
    font-weight: 500;
}

.nav-headline-text a, .nav-headline-text a:visited {
    outline:0;
}


.nav-headline-text a:visited {
   color:rgb(204,204,204);
}


/*
.nav-headline-link:last-child {
    border-width:0;
    padding-bottom:0;
}
*/


.nav-links {
    display:inline-block;
    width:15.2928vw;
    vertical-align:top;
    text-align:left;
}

.nav-link{
    padding-bottom:1.063vw;
}

.nav-link:first-child{
    padding-top:0.05319vw;
}

.nav-empty-cell {
    padding-top:2.5vw;
}


.nav-link:first-child {
    color:red;
}


.bannerUp {
        width:55.22vw;
        margin-left:-1.63vw;
}

.bannerUp h1{
        margin-bottom:0 !important;
        color:#e4ba49 !important;

        text-align:center;
        font-size:2.46vw;
        line-height:2.1277vw; 
        font-weight: bold; 
}

.bannerUp h1 {
        line-height: 3.69vw;
        margin: 0;
}

.bannerDown {
        background-color:#ffc37b;
        margin-bottom:0;
        width:55.22vw;
        margin-left:-1.63vw;
        padding-bottom:0.25vw;
        padding-top:0.25vw;
}

.bannerDown h2{
        margin-bottom:0 !important;

        color:#39045a !important;

        font-size:1.55vw;
        line-height:1.64vw; 
        text-align:center; 
}

li {
    list-style-type: none;
}
/*
.l-footer {
        width: 55.22vw;  
        margin-left: -1.63vw;
        margin-top:2.3319vw;
        padding: 0.6319vw 0 0.6277vw;
        clear: both;

        background-image: url("/Images/Background/double-line.gif");
        background-repeat: repeat-x;
        background-size:0.13vw;
}

.l-footer-text {
        color: #2d83d9;
        font-size: 0.78vw;
        text-align:center;
}
*/



/*
    ***********************************
    ********* =Acceuil ****************
    ***********************************
*/


.l-header {
        height: 20vw;
        margin: 0.266vw auto;
        clear: left;
        position: relative;

        border-top: 0.1596vw solid #735634;
        border-bottom: 0.1596vw solid #735634;
}

.l-header h1 {
    color: #fff !important;
}

.slideshow {
            width:51.96vw;
            height:20vw;
            position:relative;
            overflow:hidden
}

#slider1 {
            width: 51.96vw;
            height:20vw;
            position:relative;
            overflow:hidden
}

#slider1Content {
                width: 51.96vw;
                margin:0;
                top: 0.4787vw;
                position: absolute;

                list-style-type: none !important;
}

.slider1Image {
                position: relative;
                float: left;
                display: none;
}    

.slider1Image img{
                display: inline-block;
                width: 51.96vw;
                height: 19.04vw;
                margin:auto;
}    

div.slider1Image-left {
                height: 15.8485vw;
                width: 20.74vw;
                padding: 2.1277vw 1.5958vw 1.0638vw;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 400;

                background-color: #363637 !important;
                opacity: 0.85;
                display: none;

                font-size: 0.80vw;
                color: white;
}

#slider1 a.btn {
                height: 1.17vw; 
                padding-top: 0.3492vw;
                 padding-left: 0.5319vw !important;
                 padding-right: 0.5319vw !important;

                border:solid 0.1064vw #363637;
                background-color:#ffc37b;
                opacity:1;
                
                position: absolute;
                right: 1vw;
                bottom: 0.8vw;
                text-transform: uppercase;
                text-align:center;
                font-family:Arial, sans-serif;
                font-size: 0.65vw; 
                letter-spacing: 0.0332vw;
                font-weight:bold;
                color:#000;
                cursor: pointer; 
                -moz-border-radius: 0.4vw;
                -webkit-border-radius: 0.4vw;
                border-radius: 0.4vw;
}

#slider1 a.btn:hover {
            color: #000 !important;
            text-decoration: none;
}

div.slider1Image-left p {
                    line-height:0.9447vw;
                    letter-spacing:0.0532vw;
                    word-spacing: 0.0832vw;
}

.title-slider {
            text-align:center;
            font-family: "Lato";
}

div.slider1Image-left h1.title-slider {
                color: #fff;
                font-size: 2.3936vw;
                line-height: 2.3936vw;
}

div.slider1Image-left h2.title-slider {
                font-size: 1.9149vw;
                line-height: 1.9149vw;
}
h1, h2, h3, h4, h5, h6 {
/* color: #2d84b6 !important;*/
    color: #2d3fd9 !important;
}
h1, h2 {
    margin-bottom: 0.6383vw;
}

.red-line {
        width:55.22vw;
        margin-left:-1.63vw;
        margin-bottom:0.266vw !important;
        height:0.166vw; 
        margin-top:0.1vw;
        background-color:#f54235;
        color:#39045a !important;
}

.red-line-top {
        width:55.22vw;
        margin-left:-1.63vw;
        margin-bottom:0.1vw;
        height:0.166vw; 
        margin-top:0.1vw;
        background-color:#f54235;
        color:#39045a !important;
}

.content {
    width: 51.96vw;
    min-height: 36vw;
    max-height: 36vw;
    margin: 0.5319vw 0 0 0;
    font-size: 0.91vw;
    color: #656253;
}

.content-left {
    width: 36.37vw;
    min-height: 36vw;
    max-height: 36vw;
    float: left;
}
.content-right {
    float: right;
    min-height: 36vw;
    max-height: 36vw;
    width: 14.55vw;
}

.maintextAc {
    padding: 0.5319vw 0.7979vw 0.5vw;
    min-height: 36vw;
    max-height: 36vw;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -1.2vw;
    margin-right: -1.3vw;
    border: 0.5319vw solid #cab2a0;
    /*-moz-border-radius: 0.7979vw;
    -webkit-border-radius: 0.7979vw;
    border-radius: 0.7979vw;*/
}
.sideright {
    /*padding: 0 0.5319vw 0;*/
    padding: 0.5319vw 0.7979vw 0.5vw;
    min-height: 36vw;
    max-height: 36vw;
    margin-right: -1.2vw;
    margin-left: +0.6vw;
    border: 0.5319vw solid #cab2a0;
    /*-moz-border-radius: 0.7979vw;
    -webkit-border-radius: 0vw;
    border-radius: 0.7979vw;*/
}

.maintext p, .maintextAc p {
    font-size : 0.91vw;
}

.content h1, .content h2, 
.content h3, .content h4, 
.content h5, .content h6 {
                        font-family: "Lato";
                        margin: 0 0 0.6383vw;
}

.content h1, .content h2 {
                        line-height: 1.8vw;
}

.content h3, .content h4 {
                        line-height: 1.4vw;
}

 
.content h5, .content h6 {
                        line-height: 1.2vw;
}



.content ul {
              margin-bottom:1.0638vw;
              line-height:1.4vw;
}


.content p  /*, .content ol, .content dd,.content pre,  .content hr*/ 
          {
              margin-bottom:0.56vw;
              line-height:1.4vw;
}

.content-left ul {
    list-style: outside none square;
    margin: 0 0 0.9575vw 1.05vw;
}
    
h1, h2, h3, h4, h5, h6 {
                    clear: both; 
                    font-weight: normal;
}



.sideright ul {
            list-style-type:none;
            padding:0;
            margin:0
}

.widget-container {
                margin: 0;
                padding: 0;
}


.box {  
        margin: 0;
        padding: 0 0 0.7979vw;
}

.widget-title {
        color: #666;
        font-size: 1.0638vw;
        margin-bottom: 0.319vw;
}

.sideright h2 {
        margin-bottom: 0.4255vw;
        text-align:center;
}

.widget-area ul ul {
        margin: 0 0 0.5319vw !important;
}


.sideright ul ul li {
                padding:0.266vw 0 0.266vw 1.2638vw;
}

.post-date {
            color: #2d83b5;
            font-style: italic;
}

.sideright ul li a, 
.sideright ul li a:visited {
            color:#656253
}

/*
    ***********************************
    ***** =AssuranceSecheresse ********
    ***********************************
*/

.entete {
    background-image: url("/Images/Background/dotted-horizontal.gif");
width:55.22vw;
margin-left:-1.63vw;
    background-position: left bottom;
    background-repeat: repeat-x;
    /*background-size: 1.5vw;*/
    background-size:1.5vw 0.5vw;
    padding: 0.6638vw 0 0.5319vw;
    margin-bottom: 0.7319vw;
}

    .entete h1.titreDentete {
        color: #444133 !important;
        font-family: "Lato";
        font-size: 1.489vw;
        margin-bottom: 0.5vw;
    }

img.labourIllustr{ 
                width:15.9576vw;
                height:10.6384vw;
                display:inline;
                float:right;
                margin-left:1.5958vw;
                margin-top:-2.9958vw; 
                margin-bottom: 0; 
                padding:0; 
                background-color: #fff;
}

img.tablesMortalite{ 
                width:21.2768vw;
                height:13.2980vw;
                display:inline;
                float:right;
                margin-left:1.5958vw;
                margin-top:0vw; 
                margin-bottom: 0; 
                padding:0; 
                background-color: #fff;
}

img.triangulaire{ 
                width:26.70vw;
                height:12.82vw;
                display:inline;
                float:right;
                margin-left:0.7vw;
                margin-top:0vw; 
                margin-bottom: 0; 
                padding:0; 
                background-color: #fff;
}

.content img.logicSeche {
    width: 51.96vw;
    height: auto;
    margin-bottom:0.35vw;
}

.content img.logicTempD {
    width: 51.96vw;
    height: auto;
    margin-bottom:0.35vw;
}


/*
    ***********************************
    ***********  =Qui-suis-je? ********
    ***********************************
*/

img.mathIlustr{ 
                width: 17.41vw;
                height: 17.564vw;
                display:inline;
                float:right;
                margin-right:0;
                padding-top:0;
                margin-left:1.5958vw;
               margin-bottom: 0; 
                padding:0; 
                background-color: #fff;
}

.content img.mathIlustr {
    display: inline;
    width: 17.41vw;
    height: 17.564vw;
}
    .one_half {
                float:left; 
                font-size: 0.91vw;
}

.last { 
    float: right; 
    margin-right: 0 !important;
}




.content img.casaIlustr {  
            display: inline;
            width: 22.28vw;
            height: 14.36vw;
            margin-right:0;
            padding-top:1.5vw;
}



form div {
            text-align: left;
}



#cntFrm > div.cntctLabel {
            height: 0.7998vw;
            width: 14vw;
            padding-top: 0.4199vw;  
            padding-bottom: 0.07vw;           
}


#cntFrm > div.cntctLabel:first-child {
            padding-top: 10vw;  
}

#cntFrm .txtInput { 
            width: 14vw;
            height:1.5vw;
            font-size:0.9vw; 
            line-height: 1.1vw;
            border-width: 0.1064vw;
            padding: 0.0532vw; 
            }




#cntFrm .txtArea { 
    font-size:0.9vw;             
    border-width: 0.0532vw;
    line-height: 0.94vw; 
    padding: 0.0532vw; 
    
   }

#cntFrm .btnSubmit { 
    font-size:0.76vw;             
    border-width: 0.1064vw;
    padding: 0.16vw 0.8vw; 
}


address {  
    padding-left:6.983vw; 
    font-size:0.8vw;    
    font-style: normal;
}

address.petit {  
    font-size:0.7vw;
}








#contact {
	min-width: 80%;
	width: 80%;
}


#contact h3 {
    color: #F96;
    display: block;
    font-size: 1.1vw;
    font-weight: 400;
}

#contact h4 {
    margin:0.266vw 0 0.798vw;
    display:block;
    font-size:0.9vw;
}

fieldset {
    border: medium none !important;
    margin: 0 0 0.532vw;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact input[type="text"], 
#contact input[type="email"], 
#contact input[type="tel"], 
#contact input[type="url"], 
#contact textarea {
    width:100%;
    border:0.0532vw solid #CCC;
    background:#FFF;
    margin:0 0 0.266vw;
    padding:0.532vw;
}


#contact input[type="text"]:hover, 
#contact input[type="email"]:hover, 
#contact input[type="tel"]:hover, 
#contact input[type="url"]:hover, 
#contact textarea:hover {
    -webkit-transition:border-color 0.3s ease-in-out;
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;
    border:0.0532vw solid #AAA;
}

#contact textarea {
    height:5.32vw;
    width:100%;
    max-width:100%;
    border:0.1068vw solid #CCC;
    background:#FFF;
     margin:0 0 0.266vw;
    padding:0.532vw;
  /*resize:none;*/
}

.error  {
    color: red;
}
.success {
    color:#ff9966;
    text-align: center;
    font-weight: bold;
    font-size: 1.1vw;
}

#contact button[type="submit"] {
    cursor:pointer;
    min-width:105%;
    width:100%;
    border:none;
    background:#0AF;
    color:#FFF;
    margin:0 0 0.266vw;
    padding:0.532vw;
    font-size:1.1vw;
}

#contact button[type="submit"]:hover {
    background:#09C;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 0.0532vw 0.1596vw rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
    outline:0;
    border:0.0532vw solid #999;
}

#contact textarea:focus {
    outline:0;
    border:0.1068vw solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}