/*Styles communs a tout les mini sites*/

/*       STRUCTURE GLOBALE      */
*{margin: 0;padding: 0;}
body{font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif; color: #393939; margin:0; padding: 0 0 2em 0; text-align: left; line-height:16px;}
img {vertical-align:middle; margin-bottom:5px;border:0;}
#global {width: 950px; margin: 0 auto; text-align: left; border: 0px;}
#contenu {float:left; padding: 35px 20px 0px 42px; width:620px; margin-bottom:30px;}

/*       HEADER       */
#header {position: relative; width: 950px; height: 235px;}
#header a{text-decoration: none;}
#header h2.description{ background-image:none; padding:0; margin:0; padding-top:208px; text-align:center; font:1.1em "Trebuchet MS", Verdana, Arial, sans-serif; color:#FFFFFF; font-weight: bold; text-transform: uppercase; border:none;}

/*       SIDEBAR-MENU      */
a.btnConnexion img{margin-top:20px;}
#sidebar {width:200px; float:right; margin: 0; padding: 0; margin-right: 26px !important; margin-right: 12px;}
#sidebar #connexion{ position:absolute;}
#menu{margin-top: 70px; margin-right:10px;width: 190px; float:right;}
#menu img{ margin: 0; padding: 0;}
#menu ul,#menu li {margin: 0; padding: 0; list-style-type: none;}
#menu ul li.disabled a {color:Gray !important;}
/*premier niveau de menu, éléments sans images*/
#menu li a, #menu li dt a{font-family: "Trebuchet MS"; text-transform: uppercase; font-size: 0.75em; font-weight: bold; border: 0; height: 29px;}
#menu li a:hover, #menu li dt a:hover{text-decoration: underline;}
#menu li.sans-images {padding-left: 33px; line-height: 29px;}
/*deuxième niveau de menu*/
#menu ul li ul li {display: block;}

/*onglets*/
#div_onglets a, a.onglet {margin:0 2px 0 0; padding-top:7px; font-family:"Trebuchet MS"; font-weight: normal; display:block; float:left; width:112px; height:24px; text-align:center;  background:white url(../theme/images/onglets2.gif) no-repeat; background-position:left top; color:White; font-size:12px; text-transform:uppercase; outline:none; line-height:12px;}
#div_onglets a:hover, #div_onglets a:active, a.onglet:hover, a.onglet:active {height:24px; background-position:left -31px; color:White !important; text-decoration:none !important;}
#div_onglets .selectedMode, #div_onglets .selectedMode:hover, #div_onglets .selectedMode:active, .onglet.selectedMode, .onglet.selectedMode:hover, .onglet.selectedMode:active{height:24px; background-position:left -62px; color:#ffffff; font-weight: bold;}


/*       FOOTER       */
#footer {clear:both; height:61px;}
#footer p {text-align:center; padding:25px; font-weight:bold;}
#footer img {padding-left:10px;}

/*       éléments HTML     */
h1{font-weight:bold; font-size: 1.4em; margin-bottom: 10px;}
h2{font-weight: bold; margin-top: 15px; margin-bottom: 10px; font-size: 1.2em;}
#menu h2{background:none;font-weight: normal; line-height:normal;margin:0; padding:0; border: 0;} 
h3{display: block; padding-left: 15px; margin-left: 25px; margin-top: 15px; margin-bottom: 5px; line-height: 15px;}
h4{font-size: 0.9em; text-transform: uppercase; padding-top: 4px; padding-bottom: 4px;}
a{text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}
p.image{position:relative; width:330px; height:300px; padding-left:310px; text-align:right; padding-right:10px; margin-left: -20px; padding-top:10px; line-height:16px;}
ul.avantage{padding-left:50px; width:500px; border:0;}
ul.avantage li{border:0;padding:2px;}
.demi{text-align:justify; float: left; width: 295px; margin-right: 15px;}

/*       FORMULAIRES       */
/*panels de connexion sur les pages téléchargement et tarifs et achat*/
#Connexion{float:left; padding:10px;} 
#ConnexionCote{float: left; margin-left: 10px; width: 190px;}
#Connexion p{float:left; margin-right:10px;}
#Connexion input[type="submit"]{margin-bottom: 0;margin-top: 15px;}
input[type="button"], input[type="submit"], .buttonlike{padding-top: 4px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #a8a8a8; /*border-right-width-value: 2px; border-right-style-value: solid; border-right-color-value: #a8a8a8; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-top-width: 0pt; border-top-style: none; border-top-color: -moz-use-text-color; border-left-width-value: 0pt; border-left-style-value: none; border-left-color-value: -moz-use-text-color; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical;*/ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; cursor: pointer; font-weight: bold; font-family: Trebuchet MS;font-size: 12px; float:right;}
/*panel de connexion sur la page connexion*/
#Connexion.seul{padding:15px; font-size:14px; width: 280px;}
#Connexion.seul input[type="text"], #Connexion.seul input[type="password"]{width:150px; height: 20px;} 
#Connexion.seul p{float:none; margin-top:8px; }
#Connexion.seul a{float:left; margin-top:8px; } 
#ConnexionCote.seul{width:240px; text-align:center; margin-left: 50px;}
#ConnexionCote.seul img{margin-bottom:0; margin-top: 7px;}
#ConnexionCote.seul a{line-height: 13px; display: block;}
/*oubli de mot de passe*/
#MP_oubli input[type="text"] {width:250px; height:20px; margin-top: 10px; margin-right: 5px;}
#MP_oubli input[type="button"]{ margin-top: 25px;}
p.MP_oubli_result{font-size: 16px; font-weight: bold; padding: 10px;}


/*       CAPTURES       */
.screenshot {display:block; float:left; text-align:center; padding:5px; border:2px solid #FAFAFA; margin:5px; width: 160px; height: 155px}
a.screenshot:hover {text-decoration:none !important; border:2px solid #AAA; background: #FAFAFA;}


/*       DOCUMENTATION       */
.documentation {display:block; float:left; text-align:center; padding:5px; border:2px solid #FAFAFA; margin:5px; width: 130px; height: 155px;}
a.documentation:hover {text-decoration:underline; border:2px solid #ededed; background: #FAFAFA;}
.intitule {width:250px;}
.Highlighted {border:2px solid #AD5555; border-bottom-color: #E45555; border-right-color: #E45555;}

/*       PUBLICITES       */
.publicite {display:block; float:left; text-align:center; padding:5px; border:2px solid #FAFAFA; margin:5px; width: 130px; height: 155px;}
a.publicite:hover {background: #F0F0F0; text-decoration: none; border:2px solid #FAFAFA;}
/*       FORMATIONS       */
td.titre {padding-top: 10px;padding-bottom: 10px; height: 30px; font-weight: bold; font-size: 1em;}
.description {font-weight: normal; text-transform: none; font-style: italic;}
.sstitre-fonce {height: 25px; width: 40px;}
.sstitre {height: 25px; text-transform:uppercase;}

/*   TARIFS ET ACHAT  */
table.tarifs {width: 100%;}
table.tarifs th{text-transform: uppercase; font-size: 12px; line-height: 11px; margin-right: 10px;}
table.tarifs td{margin: 2px 10px 2px 10px;border-bottom: 1px solid #ededed;}
.licence-garantie {padding : 10px;}
/* aligne les champs à gauche et les remarques à droite
#LGDropDown{float: left; width: 260px; height: 125px;}
#LGRemarques{float: left; width:330px;}*/
#LGDropDown p{float: left; margin-right: 35px; margin-bottom: 15px;}
#LGRemarques {clear: both; font-size: 95%;}

/*       REVENDEURS       */
#connexionR {padding: 10px; width: 280px; height: 104px; float: left;}
#connexionR p {float: left;}
#connexionR input[type="submit"] {float: right; margin-right: 3px; margin-top: 15px;}
.oubli {margin-top: 10px;}
.box {width:272px;}
.box .boxContent {padding:0; margin:0; padding:10px; padding-bottom:5px; padding-top:5px; font-size:12px;}
.box p{padding:10px 10px 0px 25px;}
.box .boxFooter {padding:0; margin:0; height:18px;}
.box ul li {list-style-image:none; list-style-type:circle;}
.revendeurLink:hover{ cursor: pointer;}
table.support td {height: 20px; padding: 1px;}
table.revendeur{border: 0px solid white; margin:0; padding:0; width:600px;}
table.revendeur th {border: 0; height:1px;}
table.revendeur td {border: 0px solid white; vertical-align: middle; width:100%; height: 40px; padding-left:5px;}
table.revendeur td table {padding: 0; margin: 0; width: 1%;}
table.revendeur td table span {font-weight:bold; background: none; border: none; font-size: 1em; padding: 0; margin: 0; line-height: normal;}

/*       DIVERS       */
.cb {clear:both;margin:0;padding:0;height: 0;}
.hiddenMenu {display:none;}
.topBox h6 {margin:0; padding:3px;}


/*       LIGHTBOX       */
#lightbox{	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}
#lightbox img{
	width: auto;
	height: auto;
}
#lightbox a img{ 
	border: none;
}

#outerImageContainer{ 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto;
}
#imageContainer{ 
	padding: 10px;
}

#loading{ 
	position: absolute;
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}
#hoverNav{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}
#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
}

#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	/*background-image: url(data:image/gif;base64,AAAA);*/
	/* Trick IE into showing hover */ display: block; 
}
#prevLink { 
	left: 0; 
	float: left;
}
#nextLink { 
	right: 0; 
	float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{ 
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	;
}

#imageData{	
	padding:0 10px; 
	color: #666;
}
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left;
}	
#imageData #caption{ 
	font-weight: bold;	
}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#imageData #bottomNavClose{ 
	width: 66px;
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay{ 
	position: absolute;
 	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000;
}

.form_inscription
{
    width: 100%;
}

.form_inscription th 
{
    text-align: right;
    padding-right: 10px;
}

.conditions {
    font-size: 9px;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
    font-size: 10px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

p.tooltip 
{
	margin: 0;
	padding: 0;
}
p.tooltip em {
	display:none;
}

p.tooltip em a{
	color: #fff;
}

p.tooltip:hover {
	border: 0; 
	position: relative; 
	z-index: 500; 
	text-decoration:none;
}

p.tooltip:hover em {
	font-style: normal; 
	display: block; 
	position: absolute; 
	top: 25px; 
	left: 0px; 
	padding: 5px; 
	color: #fff; 
	border: 2px solid #fff; 
	background:	#003399;
}

p.tooltip:hover em span {
	position: absolute; 
	top: -14px; 
	left: 15px;
	height: 14px; 
	width: 29px; 
	background: transparent	url(images/infobulle.gif); 
	margin:0; 
	padding: 0; 
	border: 0;
}

.linkFooter , .linkFooter:hover
{
	color: White;
}