@media
only screen and (max-width : 480px) and (orientation : portrait)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	max-width:480px;
}

#titre_principal
{
	width :100%;
}

#logo{
	width : 90%;
	margin-left:15px;
	

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 100%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	max-width:480px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:140%;	
}

/*HEADER*/

#banniere_image
{
  display:none;
}


/*NAVIGATION*/


li {
	
	list-style-type : none;

}
nav{

text-align:center;
top:10px;
}

nav li img
{
	width : 140px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :50%;
	margin:15px 40px 0px 40px;
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1em;
	margin-left : 10px;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1em;

}
p  {
	font-size : 1em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 5px;

}

section {
	text-align : justify;
	background-color: white;
	width : 100%;
	margin: auto;
	
}



aside
{
    
    width: 85%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-top : 10px;
	margin-left:20px;
}
article {
	width:95%;
	margin-left:15px;
}

iframe {
	width:100%}

textarea {
   height: 135px;
   width: 200px;
   max-height: 435px;
   max-width: 300px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
	font-size:0.9em;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
	font-size:5px;
}
}


@media
only screen and (max-width : 480px) and (orientation : landscape)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	max-width:480px;
}

#titre_principal
{
	width :100%;
}

#logo{
	width : 90%;
	margin-left:15px;
	

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 100%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	max-width:480px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:140%;	
}

/*HEADER*/

#banniere_image
{
  display:none;
}


/*NAVIGATION*/


li {
	
	list-style-type : none;

}
nav{

text-align:center;
top:10px;
}

nav li img
{
	width : 140px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :50%;
	margin:15px 40px 0px 40px;
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1em;
	margin-left : 10px;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1em;

}
p  {
	font-size : 1em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 5px;

}

section {
	text-align : justify;
	background-color: white;
	width : 100%;
	margin: auto;
	
}



aside
{
    
    width: 85%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-top : 10px;
	margin-left:20px;
}
article {
	width:95%;
	margin-left:15px;
}

iframe {
	width:100%}

textarea {
   height: 135px;
   width: 200px;
   max-height: 435px;
   max-width: 300px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
	font-size:0.9em;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
	font-size:5px;
}
}

@media
only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	max-width:px;
}

#titre_principal
{
	width :100%;
}

#logo{
	width : 70%;
	margin-left:62px;
	

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 100%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	max-width:480px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:140%;	
}

/*HEADER*/

#banniere_image
{
  display:none;
}


/*NAVIGATION*/


li {
	
	list-style-type : none;

}
nav{

text-align:center;
top:10px;
}

nav li img
{
	width : 140px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :50%;
	margin:15px 20px 0px 20px;
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1em;
	margin-left : 10px;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1em;

}
p  {
	font-size : 1em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 5px;

}

section {
	text-align : justify;
	background-color: white;
	width : 100%;
	margin: auto;
	
}



aside
{
    
    width: 85%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-top : 10px;
	margin-left:20px;
}
article {
	width:95%;
	margin-left:15px;
}

iframe {
	width:100%}

textarea {
   height: 135px;
   width: 200px;
   max-height: 435px;
   max-width: 300px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
	font-size:0.9em;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
	font-size:5px;
}
}


@media
only screen and (max-width : 640px) and orientation (portrait)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	min-width:px;
}

#titre_principal
{
	width :48%;
}

#logo{
	width : 65%;
	margin-left:50px;

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 100%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	min-width:600px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:140%;	
}

/*HEADER*/

#banniere_image
{
   width: 100%;
    margin: auto;
	background-color : white;
}

#titre_principal, nav 
{
	display:inline-block;
	vertical-align:middle;
	
}

/*NAVIGATION*/


li {
	display:inline-block;
	list-style-type : none;

}
nav{

margin-right:10px;
top:10px;
}

nav li img
{
	width : 110px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :50%;
	
	
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1.25em;
	margin-left : 0;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1.125em;

}
p  {
	font-size : 1.125em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 8px;

}

section {
	text-align : justify;
	background-color: white;
	width : 90%;
	margin: auto;
	
}
article, aside{
	display:inline-block;
	vertical-align: middle;
}

aside
{
    display:inline-block;
    width: 40%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-left : 110px;
}
article {
	width:auto;
}

iframe {
	width:100%}

textarea {
   height: 135px;
   width: 290px;
   max-height: 435px;
   max-width: 450px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
}
}

@media
only screen and (min-width: 480px) and (max-width : 640px)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	min-width:px;
}

#titre_principal
{
	width :60%;
}

#logo{
	width : 75%;
	margin-left:50px;
	
	

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 100%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	min-width:600px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:140%;	
}

/*HEADER*/

#banniere_image
{
   width: 100%;
    margin: auto;
	background-color : white;
}

#titre_principal, nav 
{
	display:inline-block;
	vertical-align:middle;
	
}

/*NAVIGATION*/


li {
	
	list-style-type : none;

}
nav{

margin-right:10px;
top:10px;
margin-bottom:15px;
}

nav li img
{
	width : 120px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :30%;
	
	
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1.25em;
	margin-left : 0;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1.125em;

}
p  {
	font-size : 1.125em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 8px;

}

section {
	text-align : justify;
	background-color: white;
	width : 90%;
	margin: auto;
	
}
article, aside{
	display:inline-block;
	vertical-align: middle;
}

aside
{
    display:inline-block;
    width: 40%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-left : 110px;
}
article {
	width:auto;
}

iframe {
	width:100%}

textarea {
   height: 135px;
   width: 290px;
   max-height: 435px;
   max-width: 450px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
}
}

@media
only screen and (min-width: 481px) and (orientation : portrait) {
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	max-width:480px;
}

#titre_principal
{
	width :100%;
}

#logo{
	width : 90%;
	margin-left:15px;
	

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 100%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	max-width:480px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:140%;	
}

/*HEADER*/

#banniere_image
{
   width: 100%;
    margin: auto;
	background-color : white;
}


/*NAVIGATION*/


li {
	
	list-style-type : none;

}
nav{

text-align:center;
top:10px;
}

nav li img
{
	width : 140px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :50%;
	margin:15px 40px 0px 40px;
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1em;
	margin-left : 10px;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1em;

}
p  {
	font-size : 1em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 5px;

}

section {
	text-align : justify;
	background-color: white;
	width : 100%;
	margin: auto;
	
}



aside
{
    
    width: 85%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-top : 10px;
	margin-left:20px;
}
article {
	width:95%;
	margin-left:15px;
}

iframe {
	width:100%}

textarea {
   height: 135px;
   width: 200px;
   max-height: 435px;
   max-width: 300px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
	font-size:0.9em;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
	font-size:5px;
}
}

@media only screen and (min-width: 768px)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	min-width:768px;
}

#titre_principal
{
	width :45%;
}

#logo{
	width : 70%;
	margin-left:40px;
	margin-top:10px;

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 100%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	min-width:600px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: white;
}

/*HEADER*/

#banniere_image
{
   width: 100%;
    margin: auto;
	background-color : white;
}

#titre_principal, nav 
{
	display:inline-block;
	vertical-align:middle;
	
}

/*NAVIGATION*/


li {
	display:inline-block;
	list-style-type : none;

}
nav{

margin-right:10px;
top:10px;
}

nav li img
{
	width : 90px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :20%;
	margin:15px 40px 0px 40px;
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1.25em;
	margin-left : 10px;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1.125em;

}
p  {
	font-size : 1.125em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 12px;
	margin-right:10px;

}

section {
	text-align : justify;
	background-color: white;
	width : 100%;
	margin: auto;
	
}

article, aside{
	display:inline-block;
	vertical-align: middle;
}

aside
{
    display:inline-block;
    width: 35%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-left : 10px;
}

article {
	width:auto;
	
}
fieldset {
width:70%;
	margin-left:35px;
	}


iframe {
	width:100%}

textarea {
   height: 135px;
   width: 280px;
   max-height: 435px;
   max-width: 450px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
}
}

@media only screen and (min-width: 1024px)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	min-width:px;
}

#titre_principal
{
	width :45%;
}

#logo{
	width : 65%;
	margin-left:40px;

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 80%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	min-width:600px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(orientation_copie.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:150%;	
}

/*HEADER*/

#banniere_image
{
   width: 100%;
    margin: auto;
	background-color : white;
}

#titre_principal, nav 
{
	display:inline-block;
	vertical-align:middle;
	
}

/*NAVIGATION*/


li {
	display:inline-block;
	list-style-type : none;

}
nav{

margin-right:10px;
top:10px;
}

nav li img
{
	width : 100px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :20%;
	margin:15px 40px 0px 40px;
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1.25em;
	margin-left : 10px;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1.125em;

}
p  {
	font-size : 1.125em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 12px;
	margin-right:10px;

}

section {
	text-align : justify;
	background-color: white;
	width : 100%;
	margin: auto;
	
}

article, aside{
	display:inline-block;
	vertical-align: middle;
}

aside
{
    display:inline-block;
    width: 35%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-left : 70px;
}

article {
	width:auto;
	
}
fieldset {
width:85%;
	margin-left:30px;
	}


iframe {
	width:100%}

textarea {
   height: 135px;
   width: 280px;
   max-height: 435px;
   max-width: 450px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
	font-size:0.9em;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
}
}


@media screen and (min-width: 1367px)
{
/*ELEMENT DE LA PAGE*/

html , body, ul , li {
margin: 0;
padding: 0;
 
}

#global
{
	min-width:1367px;
}

#titre_principal
{
	width :48%;
}

#logo{
	width : 70%;
	margin-left:60px;

}
#logo2{
	width : 100%;
	height:80%;
}
#bloc_page
{
	width: 75%;
    margin: auto;
	background-color: white;
}

body 
{
	font-family : Arial, Helvetica, sans-serif;
	min-width:600px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(orientation_copie.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	background-size:140%;	
}

/*HEADER*/

#banniere_image
{
   width: 100%;
    margin: auto;
	background-color : white;
}

#titre_principal, nav 
{
	display:inline-block;
	vertical-align:middle;
	
}

/*NAVIGATION*/


li {
	display:inline-block;
	list-style-type : none;

}
nav{

margin-right:10px;
top:10px;
}

nav li img
{
	width : 140px;
	margin:0;
	padding:0;
}

#navigation img
{
	width :20%;
	margin:15px 60px 0px 60px;
}

#navigation {
	text-align:center;
}

/*ELEMENTS DE LA PAGE*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size:1.25em;
	margin-left : 0;
}

em {
	font-weight: bold;
	text-align: left;
	font-size : 1.125em;

}
p  {
	font-size : 1.125em;
	text-align : justify;
	padding : 12px;
	margin : auto;
	margin-left : 8px;

}

section {
	text-align : justify;
	background-color: white;
	width : 90%;
	margin: auto;
	
}

article, aside{
	display:inline-block;
	vertical-align: middle;
}

aside
{
    display:inline-block;
    width: 40%;
    background-color: #F48200;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
	margin-left : 110px;
}
article {
	width:auto;
}

iframe {
	width:100%}

textarea {
   height: 135px;
   width: 290px;
   max-height: 435px;
   max-width: 450px;
}
label
{
    display: block; 
    width: 150px;
	float: left;
}



/*FOOTER*/

footer {

	background-color: #4C1B1B;
	text-align: center;
	color : #fffff;
}
footer  p{
	text-align: center;
	color : #FFFFFF;
}
footer  p :active :hoover :focus :visited{
	text-align: center;
	color : #FFFFFF;
}
}



@media screen and (max-width: 800px) {

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

}
  
@media screen and (min-width: 1025px) and (max-width: 1680px) {

}
  
@media screen and (min-width: 1681px) {

}