/* Global Overrides */
@import url('http://fonts.googleapis.com/css?family=Fredericka+the+Great');
body {
	background-image: url(../img_mobile/bg03.jpg);
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
	}
.header-container{
	 width:100%;
	 height:100%;
	 background-image:url(../img_mobile/header_mob.jpg);		
	 background-repeat:no-repeat;
	 background-position:center left;
	 z-index:999;
	 box-shadow:#666
	 }
/*.ui-footer {
	-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,.20);
	box-shadow: 0px 4px 5px rgba(0,0,0,.20);
	background: #000 url(../img_mobile/header_mob.jpg) no-repeat right 0px;
	padding-bottom:20px;
}*/
/* A Overrides */
.ui-bar-a{
	border:1px solid #333333 ;	
	background-image: url(../img_mobile/bg03.jpg) no-repeat;
	color:#898680 ;
	font-weight:bold;
	text-shadow:0  -1px  1px  #000000 ;
}
.ui-body-a,.ui-overlay-a{
	border:1px solid #444444 ;
	text-shadow:0  1px  1px  #111111 ;
	background-image: url(../img_mobile/bg03.jpg)
	 }
.ui-overlay-a{
	background-image: url(../img_mobile/bg03.jpg)
	border-width:0;}

.ui-bar-a {
    background-image: url(../img_mobile/bg03.jpg);
    border: 1px solid #333333;
    color: #898680;
    font-weight: bold;
    text-shadow: 0 -1px 1px #000000;
}
.ui-btn-up-a:visited, .ui-btn-up-a a.ui-link-inherit {
    /*color: #109cd9;*/
	color: #FFFFFF;
	/* text-shadow: 0 1px 1px #109cd9;*/
text-shadow:0px 0px 0 rgb(218,218,218),1px 1px 0 rgb(192,192,192),2px 2px 0 rgb(165,165,165),3px 3px 0 rgb(138,138,138), 4px 4px 0 rgb(111,111,111),5px 5px 4px rgba(0,0,0,0.65),5px 5px 1px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,.2);!important;
/*Text-Shadow: #000000 1px 0px 0px, #000000 1px 1px 0px, #000000 1px -1px 0px, #000000 -1px 1px 0px, #000000 -1px 0px 0px, #000000 -1px -1px 0px, #000000 0px 1px 0px, #000000 0px -1px 0px,0px 0px 0 rgb(218,218,218),1px 1px 0 rgb(192,192,192),2px 2px 0 rgb(165,165,165),3px 3px 0 rgb(138,138,138), 4px 4px 0 rgb(111,111,111),5px 5px 4px rgba(0,0,0,0.65),5px 5px 1px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,.2),0 1px 1px #FFFFFF;*/
}
.font-effect-outline {
    color: #333333;
    text-shadow: 0 1px 1px #000000, 0 -1px 1px #000000, 1px 0 1px #000000, -1px 0 1px #000000;
}
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d {
	overflow: visible;
	text-align: center;
}

.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn {
    display: inline-block;
    font-size: 13px;
    margin: 35;
}
.ui-btn-inner {
    background-image: url(../img_mobile/bg12.jpg);
    background-repeat: repeat-x;
}
.ui-btn-up-c {
    /*background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;*/
    color: #109cd9;
	font-weight:lighter.
}


/*  ¤¤¤¤¤¤¤¤ Le body ¤¤¤¤¤¤¤¤*/
#fond_page{ 
background-image:
url(../img_mobile/bg04.png) repeat;
background-repeat: repeat;
width: 480px; 
}
.fond_block{
	background-image: url(../img_mobile/fd_menu.png);
	background-repeat: repeat;
	width: 100%;
	height: 45px;
	border: none;
	text-align: center;
	padding-top: 20px;
	box-shadow: 0px 1px 12px #555;
}

#fond_barre{
	background-image: url(../img_mobile/fond-bar.png)no-repeat;
}
.cadrephoto_paysage {
    height: 150px;
    width: 200px;
	background-position:center;
	border-radius: 10px;
	border:1px dashed #b4b4b4;
	box-shadow: 0 6px 6px #908D79 inset, 0 2px 2px #F2EFE0;

}
.cadrephoto_portrait {
    height: 253px;
    width: 190px;
	background-position:center;
	border-radius: 10px;
	border:1px dashed #b4b4b4;
	box-shadow: 0 6px 6px #908D79 inset, 0 2px 2px #F2EFE0;
	
}


/*  ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ Le footer ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.fd_footer{
	background-image: url(../img_mobile/bg14.jpg);
	background-repeat: repeat;
	width: 100%;
	height: 54px;
	border: none;
	text-align: center;
	padding-top: 25px;
	box-shadow: 1px 1px 12px #555;
}
.cadre-pointille {
	width:480px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius:10px;
	border-radius: 10px;
	border:1px dashed #b4b4b4;
	box-shadow: 0 2px 2px #908D79 inset, 0 2px 2px #F2EFE0;
	text-align: center; 
	background-image:url(../img_mobile/bg04.png);
}
/*  ¤¤¤¤¤¤¤¤¤¤¤¤¤¤ Les textes ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#616161;
	text-align : justify;
	margin:3px 3px 3px 3px; 
	
}
.textbackgroundbleu-cat
{
	font-family:Lobster Two; 
	font-size:18px;  
	/*background-color: #448fd2;*/
	margin-left:45px;
	color:white;
	padding : 2px;
	text-shadow: 0px 0px #FFFFFF
}
.textblanc-cat
{
	font-family:Arial, Helvetica, sans-serif;  
	font-size:18px;  
	margin-left:45px;
	color:#448fd2;
	padding : 2px;
}
.textfondbleu
{
	font-family:Lobster Two; font-size:18px;  
	background-color: #448fd2;
	margin-left:45px;
	color:white;
	text-shadow: 0px 0px #FFFFFF
}
.textbackgroundbleu
{
	background-color: #448fd2;
	color:white;
	padding : 2px;
	text-shadow: 0px 0px #FFFFFF
}
h1 { 
	font-family:arial; 
	font-size:15px; 
	color:#ffff; 
	text-shadow:1px 1px #FFFFFF; 
} 
.fredtypo { 
	font-family: 'Fredericka the Great', cursive; 
}	

h2 { 
	font-family:Lobster Two; 
	font-size:17px;
	text-shadow:1px 1px #FFFFFF; 
	color:#616161; 
}	
h3 { 
font-family:Lobster Two; 
font-size:18px; 
text-shadow:1px 1px #FFFFFF; 
color:#616161; 
}
h4 { 
font-family:georgia; 
font-size:14px; 
text-shadow:-2px -1px #FFFFFF; 
color:#109cd9; 
margin:12px; 
text-align:right;
}
.typo_head{ 
font-family:Lobster Two; 
font-size:42px; 
text-shadow:2px -1px #FFFFFF; 
color:#FFFFFF; 
margin:0 0 1px 0; 
}
.Three-Dee{
font-family: Tahoma, sans-serif;!important;
line-height: 0em;!important;
color: #FFFFFF;!important;
font-weight:bold;!important;
font-style:italic;!important;
font-size: 26px;!important;
text-shadow:0px 0px 0 rgb(218,218,218),1px 1px 0 rgb(192,192,192),2px 2px 0 rgb(165,165,165),3px 3px 0 rgb(138,138,138), 4px 4px 0 rgb(111,111,111),5px 5px 4px rgba(0,0,0,0.65),5px 5px 1px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,.2);!important;
}
.typo_ffd { 
font-family:Lobster Two; 
font-size:16px; 
text-shadow:2px -1px #FFFFFF; 
color:#0099FF; 
margin:0 0 1px 0; 
}
/*  ¤¤¤¤¤¤¤¤¤¤¤ La navigation ¤¤¤¤¤¤¤¤¤¤¤¤¤¤*/
.btn_accueil
{
	background-image: url(../img_mobile/menu-nav_04.png);
	background-position:center;
	background-repeat:no-repeat;
	width:55px;
	height:61px;
}
.btn_entreprise
{
	background-image: url(../img_mobile/menu-nav_02.png);
	background-position:center;
	background-repeat:no-repeat;
	width:55px;
	height:61px;
}
.btn_service
{
	background-image: url(../img_mobile/menu-nav_02.png);
	background-position:center;
	background-repeat:no-repeat;
	width:55px;
	height:61px;
}
.btn_realisation
{
	background-image: url(../img_mobile/menu-nav_01.png);
	background-position:center;
	background-repeat:no-repeat;
	width:55px;
	height:61px;
}
.btn_contact
{
	background-image: url(../img_mobile/menu-nav_03.png);
	background-position:center;
	background-repeat:no-repeat;
	width:55px;
	height:61px;
}
.menu-container{
width:100%;
text-align:left;
background-image:url(../img_mobile/acc-foot.png);
/*background-position:center top;
height:107px;
margin-top:0px;*/
-moz-box-shadow:2px 0px 5px #000;
-webkit-box-shadow:2px 0px 5px #000;
box-shadow:2px 0px 5px #000;z-index:1 !important
}
#menu {
    background: url(../img_mobile/menu_boutons.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    display: inline-block;
    margin: 0 20px 20px;
    width: 480px;
}
.fond_menu{
	background-image: url(../img_mobile/bg15.jpg);
	background-repeat: repeat;
	/*width: 100%;*/
	height: 65px;
	border: none;
	text-align: center;
	padding-top: 0px;
	box-shadow: 0px 1px 12px #555;
}
.img_soudeur{
	background-image: url(../img_mobile/soudeur.png);
	background-repeat: no-repeat;
	width: 113px;
	height: 67px;
	padding:auto;
	margin:auto;
	}
.fd_footer-acc{
	background-image: url(../img_mobile/bg13.jpg);
	background-repeat: repeat;
	height: 70px;
	border: none;
	text-align: center;
	margin:auto;
	box-shadow: 1px 1px 12px #555;
}