/*
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php

	Theme Name: PREMIUM C
    Integre par : WEBEUREKA.com
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
  	font-family:verdana, sans-serif; 
	font-size:16px;
	color:#000000;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#801e07;
}
a:hover {
	color:#fd886d;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
.row{
	margin:0;
    padding:0;
    
}
body{ 
    background:#fff; 
    padding:15px 0 30px 0; 
    font:14px arial, sans-serif;
}
p{ 
    line-height:15px; 
    padding:0 0 10px 0; 
}
h1{ 
    padding:0 0 15px 0; 
    color:#263b95;
    text-transform:uppercase;
}
h2{ 
    padding:5px 0 0 0; 
} 

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* body */
body {
    background:url('img/back-site1.png') repeat-x;
  	font-family:verdana, sans-serif; 
    position:relative;
}

/* wrapper */
.wrap {
    width:993px;
    margin:0 auto;
}

/* header */

#logo {
    text-align:center;
}
header {
    background:#ffffff;
    height:193px;
}

/* nav */
#topmenu {
    background:#e7e7e7;
    z-index: 100;
    height:80px;
    margin-top:40px;
}
#topmenu ul, #topmenu li {
    margin:0;
    padding:0;
    list-style:none;
}
#topmenu li {
    padding:30px 57px;
    float:left;
    background:url('img/bullet-topmenu.png') no-repeat -0px;
}
#topmenu li:first-child {
    background:none;
}
#topmenu li a {
    color:#1a4095;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
}
#topmenu li a:hover {
    color:#000000;
}

/* #slider */
#slider {
    padding:50px 0 25px 0;
    margin-top:25px;
}

/* main */ 
main {
    width:993px;
    margin:0 auto;
    padding:50px;
    background:#e7e7e7;
    box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    -webkit-box-shadow:0px 0px 10px #000;
    position:relative;
    top:-9px;
    overflow:hidden;
}
main h2 {
    color:#000000;
    font-size:42px;
}

main h3 {
    font-size:21px;
    margin-bottom:15px;
}
h3 .elipse {
    color:blue;
    font-size:27px;
}
dl {
    float:left;
    font-weight:bold;
    color:blue;
}
dd {
    height:3px;
}
main ul {
    padding:0;
    margin:0;
}
main li {
    background:url('img/bullet-bigblue.png') no-repeat 0px 10px;
    list-style:none;
    padding:6px;
    margin:0;
    padding-left:20px;
}

/* footer menu */
#footermenu {
    box-shadow:0px 2px 10px #000;
    -moz-box-shadow:0px 2px 10px #000;
    -webkit-box-shadow:0px 2px 10px #000;
    width:993px;
    margin:-8px auto 0px;
    background:#575656;
    text-align:center;
    padding:20px 0;
}
#footermenu ul, #footermenu li {
    margin:0;
    padding:0;
    list-style:none;
}
#footermenu li {
    display:inline;
    padding:10px 23px;
    background:url('img/bullet-blanc.png') no-repeat 0px 16px;
    position:relative;
    color:white;    
}
#footermenu li:first-child {
    background:none;
}
#footermenu a {
    color:white;
    text-decoration:none;
}
#footermenu a:hover {
    color:white;
}
#footermenu li ul {
	color:white;
    display:block;
    position:absolute;
    bottom:35px;
    left:0px;
    background:black;
}
#footermenu li ul li {
    display:block;
    background:none;
}

/* footer */
footer {
    background:url('img/back-site.png') top center;
    position:absolute;
    bottom:-40px;
    width:100%;
    z-index:-1;
    height:150px;
}
footer .wrap{
    position:relative;
    top:100px;
    margin:0 auto;
    text-align:center;
    color:white;
}
footer a {
    font-weight:bold;
    color:white;
    text-decoration:none;
}


/*------------------------------------*\
    HOME
\*------------------------------------*/

#homebloc1, #homebloc2, #homebloc3 {
    padding:15px;
    font-size:14px;
    height:auto;
}
#homebloc1 {
    border-right:2px solid #5e94f5;
}
#homebloc3 {
    border-left:2px solid #5e94f5;
}
#headerpics {
    position:relative;
    top:-9px;
}
#autodesk{
    text-align:right;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* iPhone vertical */
@media only screen and (max-width: 319px) {
    #topmenu, #slider { display:none }
    .navmobile { 
        display: block; 
        font-size:38px; 
        padding: 25px; 
        text-align: center;         
        background:#263b95;
    } 
    .wrap, #footermenu, main { width:100%; }    
    header {
        height:250px;
    } 
    #homebloc1, #homebloc2, #homebloc3 {
        border:none;
    }
}

/* iPhone vertical */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    #topmenu, #slider { display:none }
    .navmobile { 
        display: block; 
        font-size:46px; 
        padding: 25px; 
        text-align: center;         
        background:#263b95;
    } 
    .wrap, #footermenu, main { width:100%; }    
    header {
        height:250px;
    } 
    #homebloc1, #homebloc2, #homebloc3 {
        border:none;
    }
}

/* iPhone horizontal */
@media only screen and (min-width: 480px) and (max-width: 768px) {
    #topmenu, #slider { display:none }
    .navmobile { 
        display: block; 
        font-size:46px; 
        padding: 25px; 
        text-align: center;         
        background:#263b95;
    } 
    .wrap, #footermenu, main { width:100%; }    
    header {
        height:250px;
    }  
    #homebloc1, #homebloc2, #homebloc3 {
        border:none;
    } 
}
   
@media only screen and (min-width: 769px) and (max-width: 992px) {    
    #topmenu, #slider { display:none }
    .navmobile { 
        display: block; 
        font-size:46px; 
        padding: 25px; 
        text-align: center;         
        background:#263b95;
    } 
    .wrap, #footermenu, main { width:100%; }    
    header {
        height:240px;
    }  
    #homebloc1, #homebloc2, #homebloc3 {
        border:none;
    }  
}    

@media only screen and (min-width: 993px){
    .navmobile { display:none; }
    .mobileonly { display:none; }
}