@charset "UTF-8";


/*smartphone*/
header, nav, section, article, figure, aside, footer { 
	display:block; 
}

body {
	padding:0;
	margin:0;
}

#main {
	background-color:#f4f2f2;
	width:100%;
	overflow:hidden;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

header {
	width:95%;
	display:block;
	height:95px;
	background:url(../images/maquette/dynamobile_logo.png) no-repeat right;
}
	

header h1 {
	display:block;
	margin:10px 0 0 20px;
	color:#ee7202;
	font-size: 26px;
	font-weight:lighter;
}

header h2 {
	display:block;
	margin:0 0 0 20px;
	color:black;
	font-size:18px;
	font-weight:lighter;
}


/*smartphone*/

nav {
	font-size:14px;
	background-color:#ee7202;
	font-weight:lighter;
	text-align:center;
	padding-top:16px;
	margin-bottom:20px;
	width:98%;
	height:22px;
}

nav ul {
	padding:0 0 0 20px;
	margin:0;

}

nav li {
	float:left;
	list-style-type:none;
	margin-right:12px;
}


	
nav a {
	color:white;
	display:block;
	text-decoration:none;
	height:23px;
}

nav a:hover {
	color:rgba(255,255,255,0.7);
	border-bottom:4px solid #ee7202;
	margin-top:2px;
	height:23px;
	}


#nl {
	margin-right:10px !important;
	float:right !important;	
}

#fr {
	margin-right:10px !important;
	float:right !important;	
}




#actu {
	width:93%;
	padding:0 20px 0 20px;
}





#catalogue {
	width:97%;
	padding:0 20px 0 20px;
}

#catalogue img {
	margin:0 10px 10px 0;
	border:1px solid #d1d0d0;
	float:left;
}


#catalogue>article>h1 {
	width:300px;
	padding:0;
	margin:0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	font-weight:bolder;
	}
	
#catalogue>article>h2 {
	width:300px;
	padding:0;
	margin:0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	}	
	
#catalogue>article>p {
	width:300px;
	text-align:left;
	font-size:12px;
	padding:0;
	margin:0;
	}
	
/*smartphone*/

section>h1 {
	margin-top:0;
	color:#ee7202;
	font-size:18px;
	font-weight:lighter;
}

section>h2 {
	font-size:12px;
	font-weight:bolder;
	margin-top:10px;
}

section>p {
	width:90%;
	text-align:justify;
	font-size:12px;
	margin-top:10px;
	margin-bottom:5px;
}

section>ul {
	padding:0;
	width:430px;
	height:30px;
}

section>ul>li {
	width:197px;
	float:left;
	list-style-type:none;
}

section>ul a {
	border-bottom:3px rgba(238,114,0,0.5) solid;
	color:black;
	font-size:12px;
	text-decoration:none;
}

section>ul a:hover {
	border-bottom:3px #ee7202 solid;
	color:#a8a8a8;
	}
	
	
	
article {
	width:95%;
	border-top:solid 2px #d1d0d0;
	padding-top:5px;
	margin:20px 0 30px 0;
	overflow:auto;
	
}

article h1 {
	font-size:16px;
	font-weight:lighter;
}

article h2 {
	font-size:12px;
	font-weight:bolder;
}

article h3 {
	font-size:12px;
	margin-top:10px;
	font-weight:bolder;
}

article p {
	text-align:justify;
	font-size:12px;
	margin-top:10px;
	margin-bottom:5px;

	}
	
article>ul>li {
	text-align:left;
	font-size:12px;
	margin-top:10px;
	margin-bottom:5px;
}

article>ul {
	padding-left:15px;
	
}

article a {
	font-size:12px;
	color:#ee7202;
	text-decoration:none;
}

.lienbis {
	font-size:14px;
	color:#ee7202;
	text-decoration:none;
}

article a:hover, .lienbis:hover {
	color:black;
	border-bottom:2px rgba(238,114,0,0.3) solid;

}



/*smartphone*/


aside {
	display:none;
}



footer {
	background-color:#ee7202;
	width:95%;
	height:75px;
	padding-left:20px;
	padding-top:5px;
	margin-top:20px;
}

footer a {
	margin-right:15px;
	list-style-type:none;
	text-decoration:none;
	font-weight:lighter;
	font-size:9px;
	letter-spacing:2px;
	color:white;
}

footer a:hover {
	border-bottom:4px solid rgba(250,250,250,0.6);
}


footer p {
	color:rgba(0,0,0,0.5);
	font-size:9px;
}
	
footer img {
	display:none;
	}
	
footer address {
	margin-top:20px;
	margin-bottom:5px;
	}	
	

/*smartphone*/

#contact {
	margin-top:20px;
}

address {
	color:rgba(0,0,0,0.7);
	font-style:normal;
	font-size:9px;
}



form ul {
	padding:0;
	margin:0;
}

form li {
	list-style-type:none;
}

fieldset {
	padding-left:15px;
	margin:20px 0 10px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	}

legend {
}

label {
	font-size: 13px;
}


input {
	border: 1px solid grey;
	}

input[type=email] {
	width:95%;
}

label:after {
	content:":";
}

textarea {
	border:1px solid grey;
	width:95%;
	}



.droite {
	float:right;
	}
	
.textegauche {
	text-align:left;
}

.orange {
	color:#ee7202;
	font-size:16px;
}

.clic-ecran {
	display:none;
}

.clic-ipad {
	display:block;
}

.labeldroite:after {
	content:normal;
}
	
input[type="text"], input[type="tel"], input[type="email"]{
	width:95%;
}

input[type="button"], input[type="submit"] {
	width:40%;
	height:30px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:#FFF;
}




/*smartphone*/







/*IPAD  IPAD  IPAD  IPAD  IPAD IPAD  */


@media only screen and (min-width: 480px) {
#main {
	width:98%;
	margin:auto;
}

header {
	display:block;
	width:100%;
	background:url(../images/maquette/dynamobile-banner.png);
}

header h1 {
	display:none;
}

header h2 {
	display:none;
	}

nav {
	width:100%;
	font-size:15px;
}

nav li {
	margin-right:20px;
}

nav a {
    padding-left:0;
}


#nl {
	margin-right:25px !important;
	float:right !important;	
	}

#fr {
	margin-right:25px !important;
	float:right !important;	
}

#actu {
	width:45%;
	float:left;
}

/*IPAD*/
article {
	width:100%;
	border-top:solid 2px #d1d0d0;
	padding-top:5px;
	margin:20px 0 30px 0;
	overflow:auto;
	
}

aside {
	display:block;
	min-height:400px;
	text-align:center;
	width:45%;
	float:left;
}

aside img {
	margin:0 0 10px 0;
	border:1px solid #d1d0d0;
}



#catalogue {
	padding-top:0;
	width:90%;
}

#catalogue img {
	float:left;
}

#catalogue>article>h1 {
	/*width:220px;*/
	float:left;
	padding:0;
	margin:0;
	}
	
#catalogue>article>h2 {
	/*width:220px;*/
	float:left;
	padding:0;
	margin:0;
	}		
	
#catalogue>article>p {
	width:100%;
	float:left;
	padding:0;
	margin:0 0 10px 0;
	}

footer {
	width:100%;
	clear:left;
	padding:0 20px 8px 20px;
	}
	
footer a {
	margin-right:43px;
	font-size:12px;
}	

footer img {
	margin:10px 30px 0 0;
	display:block;
	float:right;
	}
	
address {
	font-size:12px;
}

.clic-ecran {
	display:none;
}

.clic-ipad {
	display:block;
}

/*IPAD*/









/*Ordinateur*/

@media only screen and (min-width: 920px) {
	#main {
	width:900px;
	margin:auto;
}



header {
	display:block;
	height:95px;
	background-image:url(../images/maquette/dynamobile-banner.png);
}

header h1 {
	display:none;
}

header h2 {
	display:none;
	}



nav {
	width:900px;
	font-size:15px;
}

nav li {
	margin-right:45px;
}

nav a {
	padding:0 10px;
}


#nl {
	float:right !important;	
	}


#fr {
	margin-right:0 !important;
	float:right !important;	
	}

/*Ordinateur*/
#actu {
	width:410px;
	min-height:400px;
	float:left;
}



aside {
	display:block;
	min-height:400px;
	text-align:center;
	width:450px;
	float:left;
}

aside img {
	margin:0 0 10px 0;
	border:1px solid #d1d0d0;
}



#catalogue {
	padding-top:0;
	width:860px;
}

#catalogue img {
	float:left;
}

#catalogue>article>h1 {
	width:220px;
	float:left;
	padding:0;
	margin:0;
	}
	
#catalogue>article>h2 {
	width:220px;
	float:left;
	padding:0;
	margin:0;
	}		
	
#catalogue>article>p {
	width:220px;
	float:left;
	padding:0;
	margin:0;
	}



/*Ordinateur*/
footer {
	width:900px;
	padding:0 20px 8px 20px;
	clear:left;
	}
	
footer a {
	margin-right:43px;
	font-size:12px;
}	

footer img {
	margin:10px 30px 0 0;
	width:116px;
	height:65px;
	display:block;
	float:right;
	}
	
address {
	font-size:12px;
}

.clic-ecran {
	display:block;
}

.clic-ipad {
	display:none;
}



}