/* Général */
.clear{
	clear: both;
}

/* Coloration */
.blue {
	color: #1c67de;	
}

.blue_light {
	color: #8E9BA8;	
}

.dark_light {
	color: #213953;
}

.dark_blue {
	color: #2F5062;
}

/* Polices */
.bold {
	font-weight: bold;
}

/* Conteneur */
#the_body {
	background: url("../img/template/fond_template.jpg") center top no-repeat #ffffff;
}

#container {
	width: 921px;
	margin: 0 auto;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
}

#content{
	margin-bottom: 91px;
}

/* Header */
#header {
	width: 921px;
	height: 297px;
	/*background: url("../img/template/header.jpg") center top no-repeat #ffffff;*/
}

/*   HH  HH   OOO   MM   MM  EEEEEE   */
/*   HH  HH  OO OO  MMMMMMM  EE       */
/*   HHHHHH  OO OO  MM M MM  EEEE     */
/*   HH  HH  OO OO  MM   MM  EE       */
/*   HH  HH   OOO   MM   MM  EEEEEE   */

/* About me */
#aboutme {
	width: 491px;
	height: 224px;
	padding: 92px 21px 19px 21px;
	float: left;
	background: url("../img/template/about_me.jpg") center top no-repeat #ffffff;
}

#aboutme img{
	float: left;
}

#aboutme p{
	width: 480px;
	margin-top: -5px;
	margin-bottom: 13px;
	float: left;
	line-height: 1.5em;
	text-align: justify;
}

#aboutme .move_img{
	margin-right: 33px;
}

#aboutme .move_tag{
	margin-left: 310px;	
	margin-top: 27px;
}

/* Philosophy */
#philosophy {
	width: 339px;
	height: 243px;
	padding: 92px 20px 0 29px;
	float: left;
	background: url("../img/template/philosophy.jpg") center top no-repeat #ffffff;
}

#philosophy p{
	width: 336px;
	margin-bottom: 13px;
	float: left;
	line-height: 1.5em;
	text-align: justify;
}

#philosophy .move_tag{
	margin-left: 164px;
	margin-top: 64px	
}

/* Services */
#services {
	width: 262px;
	height: 241px;
	padding: 98px 22px 0px 24px;
	float: left;
	background: url("../img/template/services.jpg") center top no-repeat #ffffff;
	color: #ffffff;
}

#services p{
	width: 262px;
	margin-bottom: 5px;
	float: left;
	line-height: 1.2em;
	text-align: justify;
}

#services .move_tag{
	margin-left: 155px;
	margin-top: 15px;
}

/* Réalisations */
#realisations {
	width: 259px;
	height: 241px;
	padding: 98px 22px 0px 24px;
	float: left;
	background: url("../img/template/realisations.jpg") center top no-repeat #ffffff;
	color: #ffffff;
}

#realisations p{
	width: 262px;
	margin-bottom: 5px;
	float: left;
	line-height: 1.2em;
	text-align: justify;
}

#realisations .move_tag{
	margin-left: 155px;
	margin-top: 48px;
}

/* Créations */
#creations {
	width: 262px;
	height: 241px;
	padding: 98px 22px 0px 24px;
	float: left;
	background: url("../img/template/creations.jpg") center top no-repeat #ffffff;
	color: #ffffff;
}

#creations p{
	width: 262px;
	margin-bottom: 5px;
	float: left;
	line-height: 1.2em;
	text-align: justify;
}

#creations .move_tag{
	margin-left: 155px;
	margin-top: 32px;
}

/*    AAAA   BBB     OOO   UU   UU  TTTTT    MM   MM  EEEEEE   */
/*   AA  AA  BB B   OO OO  UU   UU    T      MMMMMMM  EE       */
/*   AAAAAA  BBBB   OO OO  UU   UU    T      MM M MM  EEEE     */
/*   AA  AA  BB  B  OO OO  UU   UU    T      MM   MM  EE       */
/*   AA  AA  BBBBB   OOO    UUUUU     T      MM   MM  EEEEEE   */

/* About me main */
#aboutme_main{
	width: 618px;
	height: 574px;
	padding-top: 103px;
	background: url("../img/template/cadre_about_me.jpg") left top no-repeat #ffffff;
	float: left;
}

#aboutme_main p{
	text-align: justify;
	line-height: 1.5em;
}

#moi{
	width: 350px;
	height: 140px;
	margin-left: 35px;
}

#origine{
	width: 365px;
	height: 174px;
	margin-top: 38px;
	margin-left: 227px;
}

#clients{
	width: 356px;
	height: 103px;
	margin-top: 61px;
	margin-left: 27px;
}

#philosophy_side{
	width: 251px;
	height: 173px;
	padding: 91px 28px 0 24px;
	float: left;
	background: url("../img/template/ma_philosophie_side.jpg") left top no-repeat #ffffff;
	color: #000000;
	line-height: 1.3em;
	text-align: justify;
}

#philosophy_side p{
	margin-bottom: 12px;
}

#philosophy_side img{
	margin-left: 80px;
	margin-top: 35px;
}

#services_side{
	width: 261px;
	height: 129px;
	padding: 93px 19px 0 23px;
	float: left;
	background: url("../img/template/services_side.jpg") left top no-repeat #ffffff;
	color: #ffffff;
	line-height: 1.2em;
	text-align: justify;
}

#services_side p{
	margin-bottom: 20px;
}

#services_side img{
	margin-left: 150px;
	margin-top: 15px;
}

#realisations_side{
	width: 262px;
	height: 103px;
	padding: 88px 17px 0 24px;
	float: left;
	background: url("../img/template/realisations_side.jpg") left top no-repeat #ffffff;
	color: #ffffff;
	line-height: 1.2em;
	text-align: justify;
}

#realisations_side p{
	margin-bottom: 20px;
}

#realisations_side img{
	margin-left: 150px;
	margin-top: 8px;
}

#creations_side{
	width: 262px;
	height: 111px;
	margin-top: 30px;
	padding: 80px 17px 0 24px;
	float: left;
	background: url("../img/template/creations_side.jpg") left top no-repeat #ffffff;
	color: #ffffff;
	line-height: 1.2em;
	text-align: justify;
}

#creations_side p{
	margin-bottom: 20px;
}

#creations_side img{
	margin-left: 150px;
	margin-top: 0px;
}

/*   PPPPP   HH HH  II  LL     OOO      */
/*   PP  PP  HH HH  II  LL    OO OO     */
/*   PPPPP   HHHHH  II  LL    OO OO     */
/*   PP      HH HH  II  LL    OO OO     */
/*   PP      HH HH  II  LLLLL  OOO      */

/* Philo main */
#philosophy_main{
	width: 618px;
	height: 560px;
	padding-top: 103px;
	background: url("../img/template/cadre_ma_philosophie.jpg") left top no-repeat #ffffff;
	float: left;
	color: #000000;
}

#philosophy_main p{
	line-height: 1.5em;
	text-align: justify;
}

#philosophy_main ul{
	margin-left: 90px;
	margin-bottom: 70px;	
	float: left;
	line-height: 1.5em;
	list-style-type: disc;
}

#philosophy_main img{
	float: left;
}

#project{
	margin-left: 46px;
	margin-bottom: 10px;	
	float: left;
	width: 100%;
}

#project_img{
	margin-top: -25px;
	margin-left: 35px;	
}

#standards{
	width: 260px;
	margin-left: 10px;	
	margin-bottom: 70px;	
	float: left;
}

#standards_img{
	margin-top: 5px;
	margin-left: 45px;	
}

#ergonomics{
	width: 335px;
	margin-left: 46px;
	float: left;
}

#ergonomics_img{
	margin-top: 5px;
	margin-left: 50px;	
}

#aboutme_side{
	width: 251px;
	height: 149px;
	padding: 91px 28px 0 24px;
	float: left;
	background: url("../img/template/about_me_side.jpg") left top no-repeat #ffffff;
	color: #000000;
	line-height: 1.3em;
	text-align: justify;
}

#aboutme_side p{
	margin-bottom: 35px;
}

#aboutme_side img{
	margin-left: 80px;
}

/*    SSSS   EEEEE  RRRRR   V       V    */
/*   S       EE     RR   R   V     V     */
/*    SSSS   EEEEE  RRRRR     V   V      */
/*       S   EE     RR R       V V       */
/*   SSSS    EEEEE  RR  RR      V        */

/* Services main */
#services_main{
	width: 547px;
	height: 577px;
	padding-top: 100px;
	padding-left: 31px;
	padding-right: 40px;
	background: url("../img/template/cadre_services.jpg") left top no-repeat #ffffff;
	float: left;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.5em;
	text-align: justify;
}

#services_main h5{
	font-weight: bold;
	color: #4faa4f;	
}

#new_website{
	margin-bottom: 30px;	
	float: left;
	width: 360px;
}

#website_img{
	margin-top: 5px;
	margin-left: 35px;	
}

#remelting_website{
	width: 360px;
	margin-left: 35px;	
	margin-bottom: 30px;	
	float: left;
}

#remelting_website_img{
	margin-top: 5px;
	/*margin-left: 45px;*/	
	float: left;
}

#home_helping{
	width: 390px;
	float: left;
}

#home_helping_img{
	margin-top: 5px;
	margin-left: 50px;	
}

/*    GGGG   AAA   L       EEEEE  RRRRR   I  EEEEE      */
/*   G      A   A  L       EE     RR   R  I  EE         */
/*   G GGG  AAAAA  L       EEEEE  RRRRR   I  EEEEE      */
/*   G   G  A   A  L       EE     RR R    I  EE         */
/*    GGGG  A   A  LLLLLL  EEEEE  RR  RR  I  EEEEE      */

.highslide-gallery{
	width: 859px;
	height: 597px;
	padding-top: 80px;
	padding-left: 30px;
	padding-right: 40px;
	background: url("../img/template/cadre_creations.jpg") left top no-repeat #938373;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

.highslide-gallery h5{
	margin-bottom: 10px;
	font-weight: bold;
	color: #ffffff;	
}

#photoshop{
	margin-bottom: 20px;
}

#gimp{
	
}

/*   RRRRR   EEEEE   AAA   L       I     */
/*   RR   R  EE     A   A  L       I     */
/*   RRRRR   EEEEE  AAAAA  L       I     */
/*   RR R    EE     A   A  L       I     */
/*   RR  RR  EEEEE  A   A  LLLLLL  I     */

#realisations_frame{
	width: 859px;
	height: 597px;
	padding-top: 80px;
	padding-left: 30px;
	padding-right: 40px;
	background: url("../img/template/cadre_realisations.jpg") left top no-repeat #938373;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

.realisations_item{
	width: 50%;
	float: left;
}

.realisations_item a{
	font-weight: bold;
	color: #f0bd40;	
	text-decoration: none;
}

.realisations_item a:hover{
	color: #B3363A;	
}

#pinhabitat{
	margin-bottom: 40px;
}

#comminter{
	margin-bottom: 40px;
}

#etc{
	
}

#fscf{
	
}

/*    CCCC   OOO   NN   NN  TTTTTT  AAA    CCCC  TTTTTT   */
/*   CC     OO OO  NNN  NN    TT   A   A  C        TT     */
/*   CC     OO OO  NN N NN    TT   AAAAA  C        TT     */
/*   CC     OO OO  NN  NNN    TT   A   A  C        TT     */
/*    CCCC   OOO   NN   NN    TT   A   A   CCCC    TT     */

/* Contact */
#contact{
	width: 547px;
	height: 577px;
	padding-top: 100px;
	padding-left: 31px;
	padding-right: 40px;
	background: url("../img/template/cadre_contact.jpg") left top no-repeat #ffffff;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

#contact fieldset{
	margin-bottom: 45px;	
}

#contact legend{
	font-weight: bold;
	color: #B3363A;	
}

#coord_mail div.input label{
	width: 200px;
	float: left;
}

#project_mail div.input label{
	width: 350px;
	float: left;
}

#mess_mail div.input label{
	width: 100%;
	float: left;
}

#contact #ContactEmail, #contact #ContactNom{
	width: 200px;
	margin-right: 6px;
	float: left;
	background-color: #f4efeb;
	color: #000000;
	border: 1px solid #000000;
}

#contact #ContactWebsite, #contact #ContactRemelting, #contact #ContactHelping{
	/*width: 100%;*/ 
	float: left;
}

#contact #ContactMessage{
	width: 550px;
	height: 200px;
	background-color: #f4efeb;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}

#contact .submit{
	text-align: right;
	/*background: url("../img/template/bouton_envoyer.png") left top no-repeat #ffffff;*/
}

.error-message{
	color: #000000;
	font-weight: bold;
	float: left;
}

/*   MM   MM  LL       */
/*   MMMMMMM  LL       */
/*   MM M MM  LL       */
/*   MM   MM  LL       */
/*   MM   MM  LLLLL    */

/* Mentions Légales main */
#legals{
	width: 547px;
	height: 597px;
	padding-top: 80px;
	padding-left: 31px;
	padding-right: 40px;
	background: url("../img/template/cadre_mentions.jpg") left top no-repeat #ffffff;
	float: left;
	font-weight: normal;
	/*font-size: 10px;*/
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

#legals h5{
	font-weight: bold;
	color: #B3363A;	
}

#legals a{
	font-weight: bold;
	color: #1C67DE;	
	text-decoration: none;
}

#legals a:hover{
	color: #B3363A;	
}

#legals ul li ul {
	/*margin-top: 10px;
	margin-bottom: 15px;*/
	margin-left: 60px;
}

#legals ul li ul li {
	list-style-type: disc;
	/*margin-top: 6px;*/
}

#mentions_company {
	
} 

#mentions_details {
	margin-top: 15px;
} 

#mentions_credits {
	margin-top: 15px;
} 

#mentions_rights {
	margin-top: 15px;
	line-height: 1.5em;
	text-align: justify;
} 

#mentions_responsability {
	margin-top: 15px;
} 

/*   SSSS  MM   MM   */
/*  S      MMMMMMM   */
/*   SSS   MM M MM   */
/*      S  MM   MM   */
/*  SSSS   MM   MM   */

/* Plan du site main */
#sitemap{
	width: 547px;
	height: 597px;
	padding-top: 80px;
	padding-left: 31px;
	padding-right: 40px;
	background: url("../img/template/cadre_sitemap.jpg") left top no-repeat #ffffff;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

#sitemap h5{
	margin-top: 20px;
	font-weight: bold;
	color: #B3363A;	
}

#sitemap a{
	font-weight: bold;
	color: #1C67DE;	
	text-decoration: none;
}

#sitemap a:hover{
	color: #B3363A;	
}

#sitemap ul{
	margin-left: 30px;
}

#sitemap img{
	vertical-align: middle;
	border: 1px solid #1C67DE;	
}

#sitemap_realisations ul{
	margin-top: 10px;
	margin-bottom: 20px;
}

#sitemap_realisations li{
	width: 50%;
	margin-bottom: 20px;
	float: left;
}

#sitemap_creations ul{
	margin-top: 10px;
	margin-bottom: 20px;
}

#sitemap_creations li{
	width: 50%;
	margin-bottom: 20px;
	float: left;
}

/*   SSSS  MM   MM   */
/*  S      MMMMMMM   */
/*   SSS   MM M MM   */
/*      S  MM   MM   */
/*  SSSS   MM   MM   */

/* Plan du site main */
#links{
	width: 547px;
	height: 597px;
	padding-top: 80px;
	padding-left: 31px;
	padding-right: 40px;
	background: url("../img/template/cadre_liensutiles.jpg") left top no-repeat #ffffff;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

#links h5{
	margin-top: 20px;
	font-weight: bold;
	color: #B3363A;	
}

#links a{
	font-weight: bold;
	color: #1C67DE;	
	text-decoration: none;
}

#links a:hover{
	color: #B3363A;	
}

#links ul{
	margin-left: 30px;
}

/*  4       00000   4     */
/*  4      0     0  4     */
/*  4   4  0     0  4   4 */
/*  44444  0     0  44444 */
/*      4   00000       4 */

#erreur404{
	width: 859px;
	height: 597px;
	padding-top: 80px;
	padding-left: 30px;
	padding-right: 40px;
	background: url("../img/template/cadre_erreur404.jpg") left top no-repeat #ffffff;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

#erreur404 h1{
	font-size: 20px;
	font-weight: bold;
	color: #B3363A;	
}

#erreur404 h5{
	margin-top: 20px;
	font-weight: bold;
	color: #B3363A;	
}

#erreur404 p{
	float: left;
}

#erreur404 ul{
	margin-left: 30px;
}

#erreur404 a{
	font-weight: bold;
	color: #1C67DE;	
	text-decoration: none;
}

#erreur404 a:hover{
	color: #B3363A;	
}

#erreur404 img{
	vertical-align: middle;
	border: 1px solid #1C67DE;	
}

#img_404{
	width: 125px;
	height: 75px;
	margin-top: -20px;
	margin-left: 150px;
	float: left;
}

/*  4       00000   4     */
/*  4      0     0  4     */
/*  4   4  0     0  4   4 */
/*  44444  0     0  44444 */
/*      4   00000       4 */

#construction{
	width: 859px;
	height: 597px;
	padding-top: 80px;
	padding-left: 30px;
	padding-right: 40px;
	background: url("../img/template/cadre_construction.jpg") left top no-repeat #ffffff;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: justify;
}

#construction h1{
	font-size: 20px;
	font-weight: bold;
	color: #B3363A;	
}

#construction h5{
	margin-top: 20px;
	font-weight: bold;
	color: #B3363A;	
}

#construction p{
	float: left;
}

#construction ul{
	margin-left: 30px;
}

#construction a{
	font-weight: bold;
	color: #1C67DE;	
	text-decoration: none;
}

#construction a:hover{
	color: #B3363A;	
}

#construction img{
	vertical-align: middle;
	border: 1px solid #1C67DE;	
}

#img_construction{
	width: 125px;
	height: 75px;
	margin-top: -20px;
	margin-left: 150px;
	float: left;
}

#usa{
	width: 859px;
	height: 597px;
	padding-top: 80px;
	padding-left: 30px;
	padding-right: 40px;
	background: url("../img/template/cadre_usa.jpg") left top no-repeat #938373;
	float: left;
	font-weight: normal;
	color: #000000;
	line-height: 1.5em;
	text-align: center;
}

#usa p{
	width: 720px;
	margin-left: 68px;
	margin-bottom: 20px;
	text-align: justify;
}

/* Footer */
#footer{
	margin-bottom: 10px;
	font-weight: bold;
}

#footer a{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover{
	color: #b3363a;
}

div.input label{
	width: 120px;
	float: left;
}

#Contact_footerEmail, #Contact_footerNom{
	width: 180px;
	background-color: #3b3b3b;
	color: #ffffff;
	border: 1px solid #ffffff;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

#Contact_footerMessage{
	width: 180px;
	background-color: #3b3b3b;
	color: #ffffff;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}

#logo_footer{
	margin-bottom: 18px;
}

.menu_footer{
	width: 305px;
	/*height: 190px;*/
	float: left;
	color: #ffffff;
	line-height: 1.5em;
}

#validations{
	/*background-color: #747474;*/
}

#validations #date{
	margin-right: 420px;
}