div#global-content { margin-top: 101px; padding: 0; height: 100%;}
div#global-content div.col-w365 { width: 365px;  float: left; margin-right: 10px;  margin-bottom: 20px; position: relative;}
div#global-content div.col-w190 { width: 190px;  float: left;  }

/*---- Inscriptions ----- */
.subscribed-col h1 { color: #df0024; font-family: 'fs_rufuslight_italic'; font-size: 24px; text-align: center; }
.subscribed-col img{width: 100%; height: auto;}
.subscribed-col div.desc { border-bottom-left-radius: 20px;padding: 20px; text-align: justify; background-color: #f2f2f2; }
.subscribed-col form label { font-size: 14px;display: inline-block; width: 180px; text-align: right; margin: 5px; margin-right: 10px; line-height: 30px; padding: 0; height: 30px;  }
.subscribed-col form label[for=cgu] {  height: 100%; line-height: 18px; }
.subscribed-col form input[type=text]{width: 130px; height: 30px; border-radius: 5px; border: 1px solid #dfdbda;padding: 5px 10px; }
.subscribed-col form input[type=password]{width: 130px; height: 30px; border-radius: 5px; border: 1px solid #dfdbda;padding: 5px 10px; }
.subscribed-col.right-col form label { font-size: 14px;display: inline-block; width: 90px; text-align: right; margin: 5px; margin-right: 10px; line-height: 30px; padding: 0; height: 30px;  }
.subscribed-col.right-col form input[type=text]{width: 220px; height: 30px; border-radius: 5px; border: 1px solid #dfdbda;padding: 5px 10px; }
.subscribed-col.right-col form input[type=password]{width: 220px; height: 30px; border-radius: 5px; border: 1px solid #dfdbda;padding: 5px 10px; }
.subscribed-col.right-col form [type=submit] { background-color: #df0024; color: #FFF; border: 0; border-radius: 10px; height: 35px; width: 100px; float: right; margin-top: 25px; margin-bottom: 20px;}
.subscribed-col.right-col ul li { background: url('../images/puce-red.png') no-repeat left center; padding-left: 15px;}
.subscribed-col form a { color: #df0024; text-align: left; }
.subscribed-col form [type=submit] { background-color: #df0024; color: #FFF; border: 0; border-radius: 10px; height: 35px; width: 100px;  }
.subscribed-col .center-margin { margin: auto; width: 325px;}

div#actu {float: left; margin-top: 45px; padding-top: 105px; background: url('../images/medias-actu/inscrition-actu-1.jpg') no-repeat; min-width: 200px; }
div#actu h3{ font-size: 14px; background: url('../images/bg-inscription-actu.png') no-repeat top center; padding-top: 26px; font-weight: normal; font-family: 'fs_rufusregular'; font-size: 16px; }
div#actu h3 span { background-color: #ada844; display: block;  padding: 20px; color: #FFF;  }
div#besoin-aide { float: left;background: url('../images/bg-besoin-aide.jpg') no-repeat;  height: 121px; position: relative; margin-right: 15px; width: 190px;}
div#besoin-aide a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 190px; height: 121px; }
div#besoin-aide span {width: 190px; height: 48px; text-align: center; position:absolute; bottom: 0; font-size: 16px; text-transform: uppercase; line-height: 48px; color: #FFF; font-family: 'thesans_veoliaw7_bold';  }
/*------------------------*/

@media ( max-width: 959px ) {
    div#global-content div.col-w365 { width: 49%; float: left; margin: 0;margin-bottom: 20px; }
    div#global-content div.col-w365:first-child { margin-right: 2%;  }
    div#global-content div.col-w190 { width: 100%;  float: left; display: none;  }
    div#actu { position: relative; margin: 0; background: url('../images/medias-actu/inscrition-actu-1.jpg') no-repeat; width: 490px; height: 121px; padding-left: 190px; padding-top: 0; border-bottom-left-radius:  20px;  margin-right: 15px;   }
    div#actu h3{ font-size: 14px; background-image: none;padding-top: 0; font-weight: normal; width: 300px; height: 121px; display: block; }
    div#actu h3 span { background-color: #ada844; display: block;  padding: 20px; margin: 0; color: #FFF;  width: 300px; height: 121px; display: block;border-top-right-radius: 20px;  }
    div#inscription-right {margin: auto; width: 710px;}

    
}

@media ( max-width: 729px ) {
    div#global-content {margin-top: 20px;}
    div#global-content div.col-w365 { width: 100%; float: none; margin: 0; margin-bottom: 20px; }
    
    .subscribed-col form label {text-align: left; }
    .subscribed-col form label[for=cgu] {  display: block;  margin-top: -30px;margin-left: 40px; }
    .subscribed-col form input[type=text] { margin: auto; width: 100%;}
    .subscribed-col form input[type=submit] { margin: auto; width: 100%; margin-top: 20px;}
    .subscribed-col form input[type=password] { margin: auto; width: 100%; }
    .subscribed-col .center-margin { margin: auto; width: 100%;}
    .subscribed-col.right-col form label { text-align: left; }
    .subscribed-col.right-col form input[type=text]{ margin: auto; width: 100%;}
    .subscribed-col.right-col form input[type=password]{ margin: auto; width: 100%;}
    .subscribed-col.right-col form [type=submit] { margin: auto; width: 100%; margin-top: 20px;}
    .subscribed-col.right-col form { margin-top: -40px;}
    
    div#actu { display: block;  float :none; width: 130px; margin-bottom: 20px; }
    div#actu h3{ font-size: 14px; background-image: none;padding-top: 0; font-weight: normal; width: 130px; height: 121px; display: block; }
    div#actu h3 span { background-color: #ada844; display: block;  padding: 20px; margin: 0; color: #FFF;  width: 130px; height: 121px; display: block;border-top-right-radius: 20px;  }
    div#inscription-right {margin: auto; width: 320px; }
    div#besoin-aide { display: block;  float :none; margin: auto;}
}