body
{
    background-color: #ffffff;
    font-size: 1em;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    font-size:x-small;
    text-align:justify;
}
img{border:0px;}

img.pointer{cursor:pointer;}

img.loader{width:32px; height:32px; padding-left:50%; margin-left:-16px;  padding-bottom:10px;}

form, p{padding:0px; margin:0px}

div.large
{
    width:980px;
}

div.largepadding
{
    width:950px;
    clear:both;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.clear
{
    clear:both;
}

.hidden
{
    display:none;
}

.blue
{
    color:#0e7db6;
}

div#siteMaster
{
    margin-left:auto;
    margin-right:auto;
    background:#ffffff;
}

/* 
===================================================================================
--> Titres
===================================================================================
*/
h1, h2, h3, h4
{
    padding:0 0 10px 0;
    margin:0px;
    font-size:small;
    font-weight:normal;
}

h1{padding:5px 0px 5px 0px; font-size:medium;}

h2{color:#0e7db6;}

h3{padding-top:10px;}

hr{
	background-color: #FFFFFF; color: #FFFFFF; width:100%; border:none; border-bottom: dashed #e3e3e3 1px;
}

h4
{
    font-size:xx-small;
    padding: 2px 0px 2px 0px; 
    color:#ffffff; 
    background-color:#044795;
    margin-bottom:5px;
}

.titre_ba_contenu
{
    padding:0 0 10px 0;
    margin:0px;
	font-size:18px;
    font-weight:normal;
	color:#737b74;
}

.texte_ba_contenu
{
    padding:0 0 10px 0;
    margin:0px;
	font-size:11px;
    font-weight:normal;
}

/* 
===================================================================================
--> Listes a puce
===================================================================================
*/
ul
{
	margin: 0 0 0 10px;
	padding:0px;
}

li
{
	margin:5px 0;
	padding:0px;
	list-style-type: none;
	background:transparent url(../Images/Shared/Icons/puce.gif) no-repeat 0 5px ;
	padding-left: 10px;
}

ul.listMenu li
{    
    padding: 1px 0px 1px 0px;
    margin:0px 0px 0px 8px;
    display:inline;
    background:transparent;
}

ul.listMenu li a 
{
    color: #696969;
    text-decoration:none;
}

ul.listMenu li a:hover{text-decoration:underline;}

ul.listMenu li.pink, ul.listMenu li.gray
{
    background-color:#ff00cc; 
    color:#ffffff;
    padding-left:5px;
    padding-right:5px;
}
ul.listMenu li.gray{ background-color:#808080; }
ul.listMenu li.pink a, ul.listMenu li.pink a:hover, ul.listMenu li.gray a, ul.listMenu li.gray a:hover
{
    color: #ffffff;
    text-decoration:none;
}


/* 
===================================================================================
--> Liens
===================================================================================
*/
a
{
    color:#0e7db6;
    text-decoration:underline;
}

a:hover
{
    color:#0e7db6;
    text-decoration:none;
}

a.link
{
    background:transparent url(../Images/Shared/Icons/puce.gif) no-repeat 0 5px ;
	padding-left: 10px;
}


a.flag{ text-decoration:none; }
a.flag:hover{ font-size:small; }

/* 
===================================================================================
--> Header
===================================================================================
*/

div#siteMaster div#header, div#siteMaster div#header div#part_left, div#siteMaster div#header div#part_right
{
    height:100px;
}

div#siteMaster div#header div#headerPart1
{
   /* width:515px;*/
   width:665px;
}

div#siteMaster div#header div#headerPart2
{
    text-align:left;
    padding-top:11px;
    width:300px;
}

div#siteMaster div#header div#headerPart3
{
    width:150px;
}

div#siteMaster div#header div#headerPart3 div#flags
{
    width: 143px; 
    padding:4px 0 0 0;
    height: 11px;
    text-align:right;
}
img.flag{float:right;margin-left:5px;}

div#siteMaster div#header div#headerPart3 div#pouss
{
    width: 143px; 
    padding:25px 20px 0 0;
    height: 20px;
    text-align:right;
}

div#siteMaster div#header div#headerPart4
{
    text-align:right;
    width:300px;
    height:20px;
    padding-top: 39px;
    color: #4fb1e2;
}

div.textbox
{
    width:150px;
    height:26px;
    background:transparent url('../Images/Shared/Header/search_textbox.jpg') no-repeat top left;
}

div.textbox span.red
{
    display:none;
    float:right;
    color:Red;
    margin-top:-10px;
    padding-left:20px;
}

div.textbox input 
{
    width:136px;
    height:16px;
    background-color:#fbfbfb;
    border:0px;
    color:#666666;
    margin-top:3px;
    margin-left:3px;
    font-size:small;
}

/* --> Menu   */
ul.menu{margin:0 auto; padding:0px 0px 0px 7px; height:30px; width:100%; display:block; font-size:x-small; background:url('../Images/Shared/Header/menu_underline.png') repeat-x;}
ul.menu li{padding:0; margin:0; list-style:none; display:inline;}
ul.menu li a{float:left; padding-left:10px; display:block; color:rgb(102,102,102); text-decoration:none; cursor:pointer; background:url('../Images/Shared/Header/menu_underline.png') 0px -30px no-repeat;}
ul.menu li a span{line-height:30px; float:left; display:block; padding-right:10px; background:url('../Images/Shared/Header/menu_underline.png') 100% -30px no-repeat;}
ul.menu li a:hover{background-position:0px -60px; color:rgb(102,102,102);}
ul.menu li a:hover span{background-position:100% -60px;}
ul.menu li a.active, .menu li a.active:hover{line-height:30px;  background:url('../Images/Shared/Header/menu_underline.png') 0px -90px no-repeat; color:rgb(14,125,182);}
ul.menu li a.active span, .menu li a.active:hover span{background:url('../Images/Shared/Header/menu_underline.png') 100% -90px no-repeat;}

/* 
===================================================================================
--> PageType Content
===================================================================================
*/


div#bandeauZone
{
    height: 220px;   
}


div#bandeauMaster
{
    margin: 0px 15px 0px 15px;
    height: 220px;
    width: 950px; 
}

div#siteMaster div#content
{
    background:transparent url(../Images/Default/contentBackground.jpg) repeat-y -11px 0;
}

div#siteMaster div#content div.contentLeftMenu
{
    float:left;
    width:135px; 
    padding:0px;
    overflow:hidden;
}

div#siteMaster div#content div#contentPage
{
    width:524px; 
    padding:0px 0px 15px 15px;
    overflow:hidden;
    line-height:1.8em;
}


/* 
===================================================================================
--> Right Bar
===================================================================================
*/

img.rightBar
{
    float:left;
    margin-right:10px;
    width:30px;
    height:40px;
}

p.rightBar
{
    height:40px;
}

/* 
===================================================================================
--> News
===================================================================================
*/
.newsBloc div.title p
{
    margin-top:10px;
}

div#newsMaster
{
    overflow: hidden;
    height: 187px;
    width: 230px;
    float: left;
    padding: 0px 0px 15px 0px;
}

div#newsMaster .jcarousel-skin .jcarousel-next-horizontal
{
    left: 200px;
}

div#newsMaster .jcarousel-skin .jcarousel-prev-horizontal
{
    left: 185px;
}

div#newsMaster div#newsContent, div#newsMaster ul#newsContent li.newsBloc
{
    padding: 0 0 0 0;
    margin: 0 10px 0 0px;
    height: 162px;
    overflow: hidden;
    width: 230px;
    background: transparent;
}

div#newsMaster ul#newsContent li.newsBloc div.title
{
    height: 145px;
    overflow: hidden;
}
div#newsMaster ul#newsContent li.newsBloc div.link
{
    height: 17px;
    padding-left:10px;
}

div.Pan_NewsLinks
{
	height:16px;
	margin:8px 0px 0px 0px;
	padding:6px 0px 6px 0px;
	border-top: dotted 1px #000;
	border-bottom: dotted 1px #000;	
}

div.Pan_NewsLinks a.NewsLinksMore
{
	padding: 0px 0px 0px 5px;
}

div.Pan_NewsLinks a.NewsLinksDL
{
	color:#7B1A25;
	padding: 0px 5px 0px 0px;
}
/* 
===================================================================================
--> Grid
===================================================================================
*/

div.gridMaster
{
    overflow:hidden;
    padding:0px 15px 0px 15px;
}

div.gridMaster div.grid
{
    width:939px;
    clear:both; 
}

div.gridMaster div.grid ul{margin:0px;}
div.gridMaster div.grid ul li
{
    margin:0 0 0 0;
    overflow:hidden;
    width:186px;
    float:left;
    padding:0px 24px 10px 24px;
    background:transparent; /* vire la puce */
    border-right:solid 1px #dcdcdc;
    
}

div.gridMaster div.grid ul li div.container
{
    width:186px;
    overflow:hidden;
}

div.gridMaster div.grid ul li.last
{
    border-width:0px;
}

/* 
===================================================================================
--> Footer
===================================================================================
*/
div#footer div#separator
{
    clear:both;
    background:transparent url(../Images/Shared/Footer/separator.jpg) no-repeat -5px 0;
    padding:15px;
    font-size:xx-small;
}

div#footer div.gridMaster div#footerPortes
{ border-top: solid 1px #dcdcdc;}

div#footer div.gridMaster div.grid ul li h2
{
    display:none;
}

div#footer div#separator div#separatorPart1
{
    float:left;
    width:500px;
}

div#footer div#separator div#separatorPart1 p{ font-size:6pt; padding:20px;}

div#footer div#separator div#separatorPart2
{
    float:left;
    width:165px;
    padding:0px 15px 0px 15px;
}

div#footer div#separator div#separatorPart3
{
    float:left;
    width:110px;
    padding:0px 15px 0px 15px;
}

div#footer div#separator img#separatorPart4
{
    float:right;
    margin-top:-5px;
}

div#footer div#footerPortesMasqued ul li, div#footer div#footerPortesMasqued ul li div.bloc
{
    height:102px;
    padding-bottom:0px;
    margin-bottom:0px;
}
div#footer div#footerPortesMasqued ul li.last div.bloc{width:200px;}
div#footer div#footerPortesMasqued ul li p
{
    padding-bottom:10px;
}
div#footer div#footerPortesMasqued ul li p.block
{
    padding-bottom:10px;
    height:57px;
    overflow:hidden;
}

div#sitemap ul
{
	width:300px; 
	margin: 0 auto;
}

/* 
===================================================================================
--> SELECT COMBOBOX
===================================================================================
*/

select.select 
{
	margin:0px;
	padding:0px;
}

div.Metier
{
	float:left;
	padding-left:50px;
}

div.Order
{
	float:left;
	padding-left:50px;
}

.comboboxContainer
{
	width:170px;
	background-color:#F8F8F8;
	background:transparent url(../Images/Shared/Input/bgselect_field.gif) no-repeat;
}

.comboboxContainerForm, .comboboxContainerFormSmall
{
	width:229px;
	height:30px;
	background-color:#F8F8F8;
	background:transparent url(../Images/Shared/Input/bgselectForm_field.gif) no-repeat;
}

.comboboxContainerFormSmall
{
    width:100px;
}

.comboboxDropDownButton
{
	width:16px;
	height:30px;
	background-color:#FFF;
	background:transparent url(../Images/Shared/Input/btn_select.gif) no-repeat;
}

.comboboxDropDownContainer
{
	background-color:#F8F8F8;
} 

.comboboxItem
{	
	color:#0e7db6;
	padding-left:10px;
	background:transparent;
	line-height:20px;
	margin:0px;
}

.comboboxItemHover
{
	cursor:pointer;
	color:#0e7db6;
	background-color:#dcdcdc;
}

.comboboxValueContent
{
	color:#0e7db6;
	padding-left:10px;
}

/* 
===================================================================================
--> Menu clic droit
===================================================================================
*/

div#baMenu 
{
	display:none;
}

div#baMenu ul li 
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background:transparent;
}


a.baMenu
{
	display:block;
	color:#acacac;
	text-decoration:none;	
	padding:6px 10px  6px 20px;
}

a.baMenu:hover
{
	color:#0E7DB6;
}

li.blog
{
	background:transparent url(../Images/Shared/ContextMenu/blog.png) no-repeat 3px center ;
}

li.jobs
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-top:1px solid #dcdcdc;
	background:transparent url(../Images/Shared/ContextMenu/job.png) no-repeat 3px center;
}

li.devis
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background:transparent url(../Images/Shared/ContextMenu/devis.png) no-repeat 3px center ;
}