.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
    background-color: rgb(22, 22, 22);
    min-width: 0px;
}

#header {
    float: none;
    height: 160px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    min-width: 0px;
    margin-right: auto;
    background-image:url("/images/bg-carbone.gif");
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#ligne_menu {
    float: left;
    height: 61px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: 0px;
    background-color: rgb(255, 102, 0);
    border-top-color: rgb(255, 255, 255);
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#menu {
    float: none;
    margin-left: auto;
    margin-top: 0;
    clear: none;
    width: 950px;
    position: static;
    top: 0px;
    left: 0px;
    margin-right: auto;
}

#image1 {
    float: left;
    width: 6.935855%;
    max-width: none;
    height: 53.921875px;
    margin-left: 0%;
    margin-top: 4px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image2 {
    float: left;
    width: 68.631579%;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#footer {
    float: left;
    height: 125px;
    margin-left: 0%;
    margin-top: 0.796875px;
    clear: none;
    width: 100%;
    background-color: rgb(2, 2, 2);
}

#text7 {
    float: none;
    font-size: 14px;
    width: 950px;
    height: auto;
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: auto;
    margin-top: 10px;
    clear: none;
    min-height: 39px;
    color: rgb(255, 255, 255);
    font-family: 'trebuchet ms';
    margin-right: auto;
}

#image11 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image12 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 26.109307%;
    margin-top: 7.734375px;
    clear: none;
    color: rgb(0, 0, 0);
}

#text8 {
    float: left;
    font-size: 14px;
    width: 16.41794%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 28.653689%;
    margin-top: 12px;
    clear: none;
    min-height: 19px;
    color: rgb(255, 102, 0);
    font-family: 'trebuchet ms';
}

#box8 {
    float: left;
    height: 279px;
    margin-left: 0%;
    margin-top: 15.75px;
    clear: none;
    width: 68.631579%;
}

#box9 {
    float: left;
    height: 10.752688%;
    margin-left: 0%;
    margin-top: 3px;
    clear: none;
    width: 100%;
    min-height: 0px;
    background-color: rgb(2, 2, 2);
}

#box13 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 20.8125px;
    clear: none;
    width: 950px;
    margin-right: auto;
}

#box1 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    min-width: 0px;
	display:block;
}
#box1_1 {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    margin-right: auto;
    min-width: 0px;
	display:none;
}

#content{
	width: 950px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	color: #ffffff;
	clear: both;
}

#content_main {
	overflow: hidden;
}

#image {
    float: none;
    width: 950px;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 1px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

.cadre_contact_home {
	overflow:hidden;
	clear:both;
}
#cadre_contact{
	margin: 10px 0;
	text-align: right;
}

#cadre_contact .titre{
	line-height: 28px;
	font-weight: bold;
	font-style:italic;
}

#cadre_contact .titre,
#cadre_contact .img{
	float: right;
	margin: 0 3px;
}

.cadre {
	margin-bottom: 10px;
}

.cadre .titre {
	color: #FF6600;
	background-color: #000;
	padding: 5px;
}

.cadre .titre .puce {
	margin: -2px 5px 0;
}

.cadre.actu{
	width: 602px;
}

.titrepage .puce {
	margin: -5px 30px 0 0;
}

.titrepage {
	color: #FF6600;
	font-size:26px;
	padding: 5px;
	margin-bottom:10px;
	clear:both;
}

#ariane {
	color: #FF6600;
	padding-bottom:30px;
}

#sharethis {
	margin:10px 0;
	float:right;
	height:20px;
}

#sharethis-mobile {
	display:none;
}
	
@media only screen and (max-width: 961px) {
	#content{
		width: 100%;
		padding:0 10px;
		margin: 0;
	}
	
	.cadre.actu{
		width: 100%
	}
	
	#sharethis {
		display:none;
	}
		
	#sharethis-mobile {
		margin:5px auto;
		display:block;
		height:37px;
		text-align:center;
	}
	
   #footer {
        margin-top: 6.578125px;
        margin-left: 0%;
        clear: both;
        width: 100%;
        height: 125px;
   }
  

   #header {
        width: 100%;
        height: 11.048951%;
   }

   #ligne_menu {
        width: 100%;
        float: none;
        clear: none;
   }

   #box4 {
        width: 100%;
        margin-top: 1.560764%;
        margin-left: 0%;
        clear: none;
        margin-right: 0px;
        float: left;
   }

   #box7 {
        width: 100%;
        margin-top: 1.09375%;
        margin-left: 0%;
        clear: both;
        margin-right: 0px;
        float: left;
   }

   #box5 {
        position: static;
        top: 0px;
        left: 0px;
        width: 23.786441%;
        clear: none;
        margin-left: 4.205315%;
        margin-right: 0px;
        margin-top: 1.032465%;
        float: left;
   }

   #box6 {
        width: 23.791464%;
        height: auto;
        margin-top: 4.540268%;
        margin-left: -23.704358%;
        clear: none;
   }

   #box8 {
        width: 68.628974%;
        height: 86.688738%;
   }

   #box11 {
        margin-top: 19.224823%;
        margin-left: -23.595774%;
        clear: none;
        width: 23.718513%;
        height: auto;
   }

   #box10 {
        margin-top: 0px;
        margin-left: 4.232921%;
        clear: none;
        height: auto;
        width: 23.717486%;
   }

   #menu {
        width: 100%;
        height: auto;
        clear: none;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
   }

   #image1 {
        width: 7.749089%;
        height: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        position: relative;
        top: 0px;
        left: 0px;
   }

   #text {
        margin-top: 2.040525%;
        margin-left: 0.00162591%;
        clear: none;
        width: 86.72628%;
        height: 37.5%;
        font-size: 1em;
   }

   #image2 {
        width: 68.628641%;
        height: auto;
   }

   #text1 {
        width: 67.99393%;
        margin-top: 7.5px;
        margin-left: 2.941176%;
        clear: none;
   }

   #image3 {
        width: 12.37173%;
   }

   #text4 {
        height: 80.29%;
   }

   #image10 {
        margin-top: 14.515625px;
        margin-left: 0.23233156%;
        clear: both;
   }

   #text6 {
        width: 67.998201%;
   }

   #image4 {
        margin-top: 7.25px;
        margin-left: 0.34369396%;
        clear: none;
   }

   #text2 {
        margin-top: 8.25px;
        margin-left: 6.754334%;
        clear: none;
        width: 67.999103%;
   }

   #text7 {
        width: 100%;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
   }

   #box13 {
        width: 100%;
        margin-top: 20.8125px;
        clear: none;
        margin-left: 0%;
        margin-right: 0px;
        float: left;
   }

   #image12 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
   }

   #text8 {
        margin-top: -32px;
        margin-left: 82.044295%;
        clear: none;
   }
   
   #cadre_contact{
		overflow: hidden;
	}
}

@media only screen and (max-width: 500px) {
	   
	#box1 {
		display:none;
	}
	#box1_1 {

		display:block;
	}
	 #image1 {
		display:none;
	}
   #box6 {
        clear: none;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 100%;
   }

   #box5 {
        clear: none;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 1.031521%;
        width: 100%;
   }
#image {
    float: none;
    width: 950px;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 1px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}
   #image2 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
   }

   #image3 {
        width: auto;
   }

   #image5 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-top: 35px;
        clear: none;
   }

   #box10 {
        clear: none;
        margin-top: 281.71875px;
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 100%;
   }

   #box8 {
        width: 100%;
        height: 41.315079%;
   }

   #box11 {
        margin-top: -0.10183299%;
        margin-left: auto;
        clear: none;
        width: 100%;
        margin-right: auto;
        float: none;
   }

   #image8 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
        margin-top: 35.5px;
   }

   #text2 {
        width: 67.998607%;
   }

   #text3 {
        height: auto;
        width: 84.104993%;
   }

   #image6 {
        width: 2.607118%;
   }

   #footer {
        margin-top: 1.578125px;
        margin-left: 0%;
        clear: both;
        width: 100%;
        height: 241px;
   }

   #box7 {
        height: 642.546875px;
        width: 100%;
   }

   #header {
        width: 100%;
        height: 3.288339%;
   }

   #ligne_menu {
        width: 100%;
   }

   #box4 {
        width: 100%;
   }

   #text4 {
        margin-top: 9px;
        margin-left: 1.668732%;
        clear: both;
        height: auto;
        width: 98.216183%;
   }

   #box9 {
        width: 100%;
        height: 10.750969%;
   }

   #image10 {
        margin-top: 38.765625px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
   }

   #text6 {
        width: 67.997521%;
   }

   #image12 {
        clear: none;
        margin-top: 12px;
   }

   #image11 {
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
   }

   #text8 {
        clear: none;
        margin-left: auto;
        float: none;
        margin-top: 12px;
        height: auto;
        width: 100%;
        margin-right: auto;
        text-align: center;
   }

   #box13 {
        height: 141px;
   }

   #text7 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
   }
   #ariane {
		color: #FF6600;
		padding-bottom:10px;
	}
}