/* _____________________________MEDIA QUERIES_____________________________ */


/* _______________________________768 - 1024_______________________________ */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    #menu_container {
        width: 753px;
    }
}


/* _______________________________480 - 767_______________________________ */


@media screen and (min-width: 480px) and (max-width: 767px) {
    
    #nav_menu {
        height:45px;
    }
    
    #menu_container {
        width: 470px;
    }
    
    #ul_menu {
        width: 450px;
    }
    
    li.menu a.current {
        font-size:18px;
        padding-right:5px;
        padding-left:5px;
        border-bottom: solid 8px #0373c8;
    }
    
    li.menu a {
        font-size:18px;
        padding-right:5px;
        padding-left:5px;
    }
    
    li.menu a:hover {
        border-bottom: solid 8px #0373c8;
    }
    
    section#slider {
        margin-top:48px;
    }
    
    span.title_content {
        font-size: 3em;
    }
    
    .flex-direction-nav li .next {
        top: 20px;
    }
    
    .flex-direction-nav li .prev {
        top: 20px;
    }
    
    .flex-control-nav {
        margin-top: -5px;
    }
    
    .content {
        width:480px;
        padding: 10px;
    }
    
    #portfolio {
        padding-top: 10px;
    }
    
    #content_portfolio {
        width:460px;
        padding:10px;
    }
    
    #portfolio_submenu_container {
        padding: 0;
        margin-bottom: 0px;
    }
    
    #ul_center_portfolio {
        width: 430px;
        padding: 0;
    }
    
    .portfolioContainer { 
        width: 400px;
        margin-left: 30px;
    }
    
    .portfolioFilter {
        padding: 1px;
        width: 440px;
    }
    
    .portfolioFilter a {
        -o-transition: 0;
        -ms-transition: 0;
        -moz-transition: 0;
        -webkit-transition: 0;
        transition: 0;
    }
    
    #center_portfolio {
        width: 450px;
    }
    
    #portfolio .portfolioFilter img {
        height: 12px;
    }
    
    nav#nav_submenu_apropos {
        margin-bottom:20px;
    }
    
    li.sub_menu a {
        font-size: 12px;
    }
    
    li.sub_menu a:hover {
        border-bottom:none;
    }
    
    #apropos {
        padding-top: 10px;
    }
    
    #sub_menu {
        width:440px;
        padding:5px;
    }
    
    #submenu_container {
        padding: 0;
        margin-bottom:0;
    }
    
    #ul_sub_menu {
        width: 480px;
    }
    
    #ul_center_apropos {
        width: 450px;
        padding: 0;
    }
    
    li.sub_menu img {
        height: 12px;
    }
    
    li.sub_menu a:hover{
        border-bottom: solid 2px #181818;
    }
    
    #content_apropos {
        width: 430px;
        padding-bottom: 10px;
    }
    
    #apropos .title_sub_apropos {
        font-size: 1.3em;
    }
    
    section#cv {
        padding-top: 30px;
    }
        
    #left_cv {
        width: 480px;
        visibility: hidden;
        height: 0px;
    }
        
    #right_cv {
        width: 480px;
        margin-top:0;
    }
    
    #contact {
        padding-top: 20px;
    }
    
    span.sub_menu {
        font-size: 23px;
    }
    
    textarea#message {
        width: 437px;
    }
    
    form input[type=submit] {
        margin-left: 0px;
        width: 460px;
        margin-bottom: 10px;
    }
    
    footer {
        height: 220px;
    }
    
    footer a#html5 {
        float:none;
        margin-left: 200px;
    }
    
    footer p {
        width: 460px;
        text-align: center;
        padding-top:0;
        margin-left:0;
    }
    
    #social {
        padding-top: 0;
        padding-bottom: 0;
        height: 50px;
        float:none;
    }
        
}


/* _______________________________320 - 479_______________________________ */

@media screen and (min-width: 320px) and (max-width: 479px) {
    
    .content {
        width:280px;
        padding-bottom:20px;
    }
    
    span.title_content {
        font-size: 2.5em;
    }
    
    section#slider {
        visibility:hidden;
        height:0px;
        margin:0;
        margin-top:0;
        padding:0;
    }
    
    nav#nav_menu {
        height:43px;
    }
    
    #menu_container {
        width: 320px;
    }
    
    #ul_menu {
        width: 290px;
    }
    
    li#menu_accueil {
        visibility: hidden;
        position: absolute;
    }
    
    li.menu a {
        font-size: 15px;
        padding: 3px;
    }
    
    li.menu a:hover {
        border-bottom:none;
    }
    
    li.menu a.current {
        font-size: 15px;
        border-bottom:none;
        padding:3px;
    }
    
    section#portfolio {
        margin-top: 40px;
    }
    
    span.sub_menu {
        font-size: 18px;
    }
    
    form {
        width: 280px;
    }
    
    input[type=text]{
        width:255px;
    }
    
    textarea#message {
        width: 255px;
    }        
    
    #portfolio {
        padding-top: 10px;
    }
    
    #portfolio_submenu_container {
        padding: 0;
        margin-bottom: 0px;
    }
    
    #content_portfolio {
        width:280px;
        padding:10px;
    }
    
    #ul_center_portfolio {
        width: 245px;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .portfolioContainer {
        width: 270px;
        margin-left: 0;
    }
    
    .portfolioFilter {
        padding: 10px;
        width: 300px;
    }
    
    .portfolioFilter a {
        -o-transition: 0;
        -ms-transition: 0;
        -moz-transition: 0;
        -webkit-transition: 0;
        transition: 0;
    }
    
    #center_portfolio {
        width: 450px;
    }
    
    #content_portfolio img {
        padding: 10px;
    }
    
    .hover {
        width: 280px;
    }
    
    span.tag {
        width: 230px;
        left: 10px;
    }
    
    span.more {
        width:260px;
        background-position-x: -55px;
    }
    
    #portfolio .portfolioFilter img {
        height: 12px;
    }
    
    li.sub_menu a {
        font-size: 12px;
    }
    
    li.sub_menu.video {
        padding-left:35px;
    }
    
    li.sub_menu.infographie {
        padding-left:0;
        padding-right:0;
    }
    
    #apropos {
        padding-top: 10px;
    }
    
    #sub_menu {
        width: 300px;
        padding:5px;
    }
    
    #submenu_container {
        padding: 0;
        margin-bottom:0;
    }
    
    #ul_sub_menu {
        width: 480px;
    }
    
    #ul_center_apropos {
        width: 250px;
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    li.sub_menu.competences {
        padding-left: 20px;
    }
    
    li.sub_menu img {
        height: 12px;
    }
    
    li.sub_menu a:hover{
        border-bottom: none;
    }
    
    #content_apropos {
        width: 280px;
        padding: 10px;
    }
    
    #apropos .title_sub_apropos {
        font-size: 1em;
    }
    
    #apropos .date_sub_apropos {
        font-size: 0.8em;
    }
    
    section#cv {
        padding-top: 30px;
    }
        
    #left_cv {
        visibility: hidden;
        height: 0px;
    }
        
    #right_cv {
        width: 280px;
        margin-top:0;
    }
    
    section#contact {
        padding-top: 20px;
    }
    
    section#contact img#my_photo {
        visibility: hidden;
        height: 0px;
        position: absolute;
    }
    
    textarea#message {
        width: 255px;
    }
    
    form input[type=submit] {
        margin-left: 0px;
        width: 280px;
        margin-bottom: 10px;
    }
    
    footer {
        height: 170px;
    }
    
    footer a#html5 {
        margin-left: 110px;
    }
    
    footer p {
        width: 280px;
        text-align: center;
        padding-top:0;
        margin-left:0;
    }
    
    #social {
        visibility: hidden;
        height: 0px;
    }  
    
}


/* _______________________________100 - 319_______________________________ */

@media screen and (min-width: 100px) and (max-width: 319px) {
    
    .content {
        width:280px;
        padding-bottom:20px;
    }
    
    span.title_content {
        font-size: 2em;
    }
    
    section#slider {
        visibility:hidden;
        height:0px;
        margin:0;
        margin-top:0;
        padding:0;
    }
    
    nav#nav_menu {
        height:35px;
    }
    
    #menu_container {
        width: 240px;
    }
    
    #ul_menu {
        width: 210px;
        padding-top:10px;
    }
    
    li#menu_accueil {
        visibility: hidden;
        position: absolute;
    }
    
    li#menu_cv {
        visibility: hidden;
        position: absolute;
    }
    
    li.menu a {
        font-size: 12px;
        padding: 3px;
    }
    
    li.menu a:hover {
        border-bottom:none;
    }
    
    li.menu a.current {
        font-size: 12px;
        border-bottom:none;
        padding:3px;
    }
    
    section#portfolio {
        margin-top: 35px;
    }
    
    span.sub_menu {
        font-size: 18px;
    }
    
    form {
        width: 280px;
    }
    
    input[type=text]{
        width:255px;
    }
    
    textarea#message {
        width: 255px;
    }
    
    #portfolio {
        padding-top: 10px;
    }
    
    #portfolio_submenu_container {
        padding: 0;
        margin-bottom: 0px;
    }
    
    #content_portfolio {
        width:200px;
        padding:10px:
    }
    
    #ul_center_portfolio {
        width: 190px;
        padding: 0;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    .portfolioContainer {
        width: 190px;
        margin-left: 0;
    }
    
    .portfolioFilter {
        padding: 10px;
        width: 220px;
    }
    
    .portfolioFilter img {
        height:0;
        visibility: hidden;
        position: absolute;
    }
    
    .portfolioFilter a {
        -o-transition: 0;
        -ms-transition: 0;
        -moz-transition: 0;
        -webkit-transition: 0;
        transition: 0;
    }
    
    #center_portfolio {
        width: 450px;
    }
    
    #content_portfolio img {
        padding: 10px;
    }
    
    .hover {
        width: 180px;
    }
    
    span.tag {
        width: 150px;
        left: 10px;
    }
    
    span.more {
        width:180px;
        background-position-x: -95px;
    }
    
    #portfolio .portfolioFilter img {
        height: 12px;
    }
    
    li.sub_menu a {
        font-size: 12px;
    }
    
    li.sub_menu.video {
        padding-left:25px;
    }
    
    li.sub_menu.infographie {
        padding-left:0;
        padding-right:0;
    }
    
    #apropos {
        padding-top: 10px;
    }
    
    #sub_menu {
        width: 230px;
        padding:5px;
    }
    
    #submenu_container {
        padding: 0;
        margin-bottom:0;
    }
    
    #ul_sub_menu {
        width: 480px;
    }
    
    #ul_center_apropos {
        width: 195px;
        padding: 0;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    li.sub_menu.competences {
        padding-left: 15px;
    }
    
    li.sub_menu img {
        height: 0;
        visibility: hidden;
        position: absolute;
    }
    
    li.sub_menu a:hover{
        border-bottom: none;
    }
    
    #content_apropos {
        width: 220px;
        padding: 10px;
    }
    
    #apropos .title_sub_apropos {
        font-size: 0.9em;
    }
    
    .diplome img {
        width:12px;
    }
    
    #apropos .date_sub_apropos {
        font-size: 0.8em;
    }
    
    section#cv {
        padding-top: 30px;
    }
    
    section#cv .content {
        visibility: hidden;
        position: absolute;
    }
        
    #left_cv {
        visibility: hidden;
        height: 0px;
    }
        
    #right_cv {
        width: 280px;
        margin-top:0;
    }
    
    section#contact {
        padding-top: 20px;
    }
    
    section#contact .content {
        width:200px;
    }
    
    section#contact .content span.sub_menu {
        font-size:13px;
    }
    
    section#contact img#my_photo {
        visibility: hidden;
        height: 0px;
        position: absolute;
    }
    
    form {
        width:200px;
    }
    
    textarea#message {
        width: 175px;
    }
    
    form input[type=text] {
        width: 175px;
    }
    
    form input[type=submit] {
        margin-left: 0px;
        width: 200px;
        margin-bottom: 10px;
    }
    
    footer {
        height: 90px;
    }
    
    footer a#html5 {
        visibility: hidden;
        position: absolute;
        height:0;
    }
    
    footer p {
        width: 200px;
        text-align: center;
        padding-top:0;
        margin-left:0;
    }
    
    #social {
        visibility: hidden;
        height: 0px;
    }  
    
}