/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
********************************************/ 


/* * { margin: 0; padding: 0; }*/
html, body {height: 100%;} 
body {
	background: #444444;
	font: 9pt/1.5em Trebuchet MS, Tahoma, arial, sans-serif;
	color: #666666;
	text-align: center;
	margin: 0px;

}


h2 {
	text-transform: uppercase;
}



ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}


#global
{
height:100%;
width:970px;
margin:auto;
}

.gauche
{
float:left;
height:100%;
width: 121px;
margin:0;
}

#centreAccueil
{
    float:right;
    height:100%;
    width: 830px;
    margin:0;
    padding: 0px 0px 10px 10px;
}
.droite
{
    float:right;
    padding: 20px 105px 0px 0px;
}

.alignDroiteConnecter
{
    text-align: right;
    margin-bottom: 10px;
}

#login
{
    width: 228px;
    height: 132px;
    background: url(Images/bandeVerte.png) repeat-y left top;
}

#message
{
    width: 350px;
    height: 120px;
    padding: 5px;
    background-color: #dddada;
    color: Black;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    margin: 20px 0px 25px 0px;
}

#bas
{
    min-height: 200px;
    max-height: 380px; 
    width: 613px;
    overflow:auto;
    word-wrap:break-word;
}
.Titre
{
    color: #6a533e;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

.margin-top
{
    margin-top: 25px;
}

.margin-auto
{
	margin-left: auto !important;
	margin-right: auto !important;
}

.Texte
{
    display: block;
    color: Black;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-align: justify;
    width: 490px;
}

.infosAccueil
{
    margin-bottom: 25px;
}

#newletter
{
    margin-bottom: 25px;
}

.DescriptionAccueilInformation
{
    float : right;
}

#news 
{
    background-color: #e2ecae;
    padding: 4px;
    min-height: 182px;
}

#wrap {
	position: relative;
	width: 990px;
	background: #CCC url(Images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}

#top-bg {
    position: absolute;
	width: 990px;
	height: 19px;
	background: #CCC url(Images/top-bg.jpg) repeat-y center top;	
	top: 0; left: 0;
	z-index: 2;
}


#content-wrap {
	/*border-top: 5px solid #FFFFFF;*/
	width: 970px;
	margin: 0px auto;
	padding: 0;
}

#header-WebXpert {
	clear: both;
	height: 110px;
	width: 970px;
	margin: 0 auto ;
	padding: 0;
	background: #FFF url(Images/WebXpertByAC.png) no-repeat bottom left ;
}

#header-photo {
	clear: both;
	height: 189px;
	width: 970px;
	margin: 0 auto ;
	padding: 0;
	background: #C3DF56 url(Images/bandeau.jpg) no-repeat bottom left ;
	background-position:center center;
}


#nav1 {
	clear: both;
	margin: 0 auto; 
	padding: 0;
	background: #909090 url(Images/menu.jpg) repeat-x;
	font: bold 16px/40px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 40px;
	width: 970px;
	border-top :1px solid black ;
	border-bottom :1px solid black ;
}

#nav1 ul {
	float: left;
	list-style: none;
	margin:0; 
	padding: 0 ;
}

#nav1 ul li {
	display: inline;
}

#nav1 ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	border-left: 1px solid #b8b8b8 ;
	border-right: 1px solid #686868 ;	
	font-style:normal;
}

#nav1 ul li a:hover {
	background: #FD7719 url( Images/selectedMenu.jpg ) repeat-x;
	color: #000000;	
	display: block;
}


li.current {
	background-color:#FD7719;
	color: #FFFFFF;
} 

 


#main {
	float: left;
	width: 490px;
	padding: 20px 0 0 0;
	margin: 0px 0px 0px 20px ; 
	display: inline;
	background: url(Images/box.jpg) no-repeat;
}


#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:10px 0pt 0pt 0pt ;
}

#main p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#AEAAAA;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#AEAAAA;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;	
	color:#AEAAAA;
}

#main img {
	border:1px solid #CCC;
	padding:5px ;
}

a, a:visited {
	font-style:italic;
	color: #557729;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3 {
	padding-top:10px;
}

#nav1 ul li a {
	font-size:14px;
	text-transform:uppercase;
}


#bande 
{
    float: right;
    width: 17px;
    height: 420px;
    margin: 0px 0px 0px 92px;
    padding: 0;
	background: url(Images/bandeMarron.png) repeat-y right top;
}

#footer-wrap {
	clear: both;
	width: 990px;
	height: 50px;
	font-size: 95%;	
	text-align: left;
	padding: 15px 0;
	background: url(Images/footer-bottom.jpg) no-repeat center bottom;	
}

#footer-left 
{
    float: left;
    width: 647px;
    text-align: center;
    vertical-align: middle;
	padding:0;
}

#footer-right 
{
    float: left;
    padding: 0;
    margin-left: 5px;
}

#bdVerte 
{
    float: left;
    width: 72px;
    height: 42px;
    margin: 0;
    padding: 0;
	background: url(Images/bandeVerte.png) repeat-y left top;
}

#footer-wrap p {
	padding:0;
	margin-left: 30px;
}

#footer-bottom {
	clear: both;
	margin: 0 auto; 
	width: 970px;
	padding: 0;
	text-align: center;
	border-top:2px solid #ebebeb  ;
}


.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }


.clear { clear: both; }

#content 
{
	/*margin : 40px 0px 0px 0px;
	padding: 0px;*/
	margin : 0px;
	padding: 0px;
	clear: both;
}
	
#fond
{
	position : absolute;
	top: 0px;
	left : 0px;
	height: 100%;
	width: 100%;
	background-color: Black;
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	z-index: 100;
	display : none;
}

#centerH	
{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: none;
	z-index: 101;
}

#centerV	
{
	margin-left: -320px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 640px;
	height: 600px;
	visibility: visible;
	z-index: 102;
}
#centerV iframe
{
	background-color: White;
	border : solid 1px black;
	height: 100%;
	width: 100%;
}
#centerV a
{
	float: right;
	color: White;
	background-color : #000;
	padding: 2px 5px;
}
img.etape
{
	margin: 0px 3px;
}

.tab
{
	padding : 0px 4px;
	background-color : #ddd;
	border : solid 1px black;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.tab[disabled="disabled"]
{
	background-color : #fff;
	border-top : solid 1px #999;
	border-left : solid 1px #999;
	border-right : solid 1px #999;
	color: #999;
}

.tab:hover, .tab_current:hover
{
	background : white;
	text-decoration : none;
}
.tab_current
{
	position : relative;
	top : 1px;
	background-color : white;
	border-top : solid 3px #557729;
	border-left : solid 1px black;
	border-right : solid 1px black;
	padding : 0px 4px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.tabs
{
	border : solid 1px black;
	padding : 5px;
}

fieldset
{
	padding : 10px;
}

.permalien 
{
	background:url('Images/loupe.png') left center no-repeat;
	padding-left:25px;
}
.permalien:hover
{
	
}

.BoutonVisionneuse
{
	margin:0px;
}

#ctl00_CorpsDePage_pnlFiltres img
{
	vertical-align: middle;
}

.alignform label
{
	margin-right:5px;
	width: 200px;
	display:block;
	float:left;
	text-align:right;
}

.alignform input[type=text], .alignform select, .alignform .w200, .alignform textarea
{
	width:230px;
}
.alignform2 label
{
	margin-right:5px;
	width: 200px;
	display:block;
	float:left;
	text-align:right;
}

input[disabled]
{
	background: #D4D0C8;
}
.TreeView Table tr td
{
	margin: 0px;
	padding: 0px;
}

#ctl00_CorpsDePage_PanelPrestationsObligatoires td
{
	text-align:left;
}
#ctl00_CorpsDePage_pnlBoutons
{
	margin:10px 0px;
	clear: both;
}

a img
{
    border: 0px;
}

.crirHidden {
	position: absolute;
	left: -1000px;
}

/*label.radio_unchecked img {
    padding: 2px;
}

label.radio_checked img 
{
    border: 2px #69b solid;
}

label.radio_checked p
{
    border: 2px #69b solid;
}
*/

label.radio_unchecked
{
    border: 2px #bbb solid;
    display:inline-block;
}
label.radio_checked
{
    border: 2px black solid;
    display:inline-block;
    color: Black;
    font-weight: bold;
}

label.radio_checked span, label.radio_unchecked span{
    display:block;
    margin:5px;
}

label.radio_unchecked:hover
{
    cursor:pointer;
    border: #69b solid 2px;
    color: #69b;
}

.warning, .info, .error
{
    padding: 5px 5px 5px 40px;
    background-repeat: no-repeat;
    background-position: 5px 5px;
    font-size:small;
    text-align: justify;
    width:80%;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.warning 
{
	background-color:#FFEAC6;
    border: orange 1px solid;
    background-image: url("Images/orange.png");
}

.info 
{
    border: green 1px solid;
    background-color:#C6FFC6;
    background-image: url("Images/vert.png");
}

.error
{
    border: red 1px solid;
    background-color:#FFE0E0;
    background-image: url("Images/rouge.png");
}

#ctl00_CorpsDePage_RadioButtonList1
{
    white-space: nowrap;
}

.Modeles {
    overflow-x: scroll;
}

#ctl00_CorpsDePage_RadioButtonList1 label
{
    margin: 0px 4px;
}


.tooltip {
  background-color: #557729;
  border: 1px solid #fff;
  padding: 10px 15px;
  /*width: 200px;*/
  display: none;
  color: #fff;
  text-align:left;
  font-size:12px;
  box-shadow:0 0 10px #000;
  -moz-box-shadow:0 0 10px #000;
  -webkit-box-shadow:0 0 10px #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.vertical-align-top
{
	vertical-align:top;
}

a.tips
{
	background: url("Images/external_link.gif") left center no-repeat;
    padding-left: 15px;
}

.button
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #aaaaaa) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #aaaaaa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa');
	background-color:#aaaaaa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #557729;
	display:inline-block;
	font-weight:bold;
	padding:2px 15px;
	margin:1px;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #dddddd;*/
}
.button:hover
{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aaaaaa), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #aaaaaa 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#dddddd');
	background-color:#dddddd;
	text-decoration:none;
}
.button a:hover
{
	text-decoration:none;
}
.button img
{
	vertical-align : middle;
}
.button.centrer
{
	text-align : center;
}

.hidden
{
	display: none;
	visibility: hidden;
}

.ui-autocomplete-loading
{
	background: white url('images/jqueryui/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
	text-align: left;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 100px;
}

.ui-autocomplete-term
{
	background-color: yellow;
}

.predefined li
{
	list-style-type: none;
	background: url('images/plus.png') no-repeat;
	background-position-y: center;
	padding-left: 15px;
}

.legende
{
	width: 250px;
	position: absolute;
}