/*--------------------------------------------
  Réinitialisation des bordures et marges, format par défaut
  --------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border:none;
}

/*--------------------------------------------
  Page
  --------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #E6E6E6;
	/*background: #00FFFF;*/
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
}

#container {
	width: 940px;
	background: #E6E6E6;
	margin: 0 auto;
	text-align: left;
}

#header {
	padding:0;
	margin:0;
	height:200px;
	width:940px;
	background:url(../images/ipad_header.jpg) no-repeat center top;
}

#header_top {
	width:940px;
	height:40px;
}

#header_middle {
	width:940px;
	height:95px;
	margin:0;
	padding:0;
}

#header_middle #logo {
	margin:0 0 0 30px;
}

#header_middle a {
	/* Supprime le cadre pointillé sur Firefox */
	outline: none;
	-moz-outline-style: none;
}

#header_middle_right {
	width:500px;
	margin:0;
	padding:35px 50px 0 0;
	text-align:right;
	margin:0;
	float:right;
}

#header_middle_right h1 {
	color:#C0C0C0;
	font-size:21px;
	margin:0;
}

#header_bottom {
	width:940px;
	height:65px;
	margin:0;
	padding:0;
}

#main {
	padding:0 0 0 0;
	margin:0 20px 0 20px;
	width: 900px;
	background: #FFFFFF url(../images/maincontent_bg.jpg) repeat-x top left;
	
	/* Gère min-height pour IE6... */
	min-height:600px;
	height:auto !important;
	height:500px;
}

#mainContent {
	padding:10px 70px 30px 90px;
}

#footer {
	padding:0;
	margin: 0;
	background:#E6E6E6 url(../images/ipad_footer.jpg) no-repeat bottom center;
	height:81px;
}

#footerContent {
	padding: 35px 0 0 50px;
	font-size:9px;
	color:#BFBFBF;
}

#footerContent a, #footerContent a:active, #footerContent a:visited {
	color: #C0C0C0;
	text-decoration: none;
}
#footerContent a:hover, #footerContent a:visited:hover, #footerContent a:active:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.clearfloat { 
	clear:both;
	height:0;
	/*font-size: 1px;*/
	line-height: 0px;
	margin:0;
	padding:0;
	border:none;
}


/*--------------------------------------------
  Blocs langues
  --------------------------------------------*/
.lang {
	float:right;
	width:100px;
	height:20px;
	padding: 0 0 0 0;
	margin: 0 50px 0 0;
	text-align:right;
	color:#8AA5AA;
	font-size:9px;
}

.lang a {
	color:#8AA5AA;
	margin: 0 0 0 10px;
}

#footer .lang {
	width:100px;
	float:right;
}

#footer .lang a {
	margin: 0 0 0 10px;
}

/*--------------------------------------------
  Paragraphe
  --------------------------------------------*/
p {
	margin: 0 0 10px 0;
} 

/* Evite à IE de sauter 2 lignes en cas de balise <br></br> */
br {
	line-height:0;
}

/*--------------------------------------------
  Type de lien par défaut
  --------------------------------------------*/
a, a:active, a:visited {
	color: #568F9B;
	text-decoration: none;
}
a:hover, a:visited:hover, a:active:hover {
	color: #568F9B;
	text-decoration: underline;
}

/*--------------------------------------------
  Menu
  --------------------------------------------*/
  
#header_menu_container {
	/*width:680px;
	text-align:center;*/
	margin: 0 0 0 90px;
	padding: 15px 0 0 0;
}

ul.header_menu {
	height: 37px;
	list-style-type:none;
}

ul.header_menu li {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

ul.header_menu li a, ul.header_menu li a:active, ul.header_menu li a:visited {
	float:left;
	color: #C0C0C0;
	text-decoration:none;
	display:block;
	padding: 3px 20px 0 20px;
	margin: 0 1px 0 1px;
	/* Supprime le cadre pointillé sur Firefox */
	outline: none;
	-moz-outline-style: none;
}

ul.header_menu li a:hover, ul.header_menu li a:visited:hover, ul.header_menu li a:active:hover {
	float:left;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
	padding: 3px 20px 0 20px;
	margin: 0 1px 0 1px;
	outline: none;
	-moz-outline-style: none;
}


/*--------------------------------------------
  Chargement Ajax
  --------------------------------------------*/
#loading {
	float:right;
	padding:0;
	height:17px;
	width:17px;
} 
 
.isLoading {
	background:url(../images/spinner.gif) no-repeat top left;

}

.isStandby {
	background:none;
}  


/*--------------------------------------------
  Mises en formes textes
  --------------------------------------------*/

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #214850;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: normal;
	line-height:22px;
}

.h1_variant_small {
	font-size: 16px;
	color: #666666;
	margin: 0;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #DE5227;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: normal;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: normal;
}

.note {
	font-size:10px;
	font-style:italic;
}

.small {
	font-size:10px;
}

.errorMessage {
	background:url(../images/picto_error.gif) no-repeat left top;
	padding:2px 0 0 25px;
	color:#DE5227;
}

.infoMessage {
	background:url(../images/picto_valid.gif) no-repeat left top;
	padding:2px 0 0 25px;
	color:#8B9E30;
}

/*--------------------------------------------
  Blocs
  --------------------------------------------*/
.greenblock_first {
	background:url(../images/greenblock_bg.jpg) no-repeat 0 3px;
	width: 165px;
	padding: 0 0 0 40px;
	margin: 30px 0 15px 0;
	float: left;
	
	/* Gère min-height pour IE6... */
	min-height:140px;
	height:auto !important;
	height:140px;
}

.greenblock_first h1 {
	margin-top:0;
}

.greenblock {
	background:url(../images/greenblock_bg.jpg) no-repeat 0 3px;
	width: 170px;
	padding: 0 0 0 40px;
	margin: 30px 0 15px 40px;
	float: left;
	
	/* Gère min-height pour IE6... */
	min-height:140px;
	height:auto !important;
	height:140px;
}

.greenblock h1 {
	margin-top:0;
}


.redblock {
	background:url(../images/redblock_bg.jpg) no-repeat left top;
	height:120px;
	width:695px;
	padding: 8px 20px 0 20px;
	margin: 5px 0 0 -7px;
	color:#FFFFFF;
}

.redblock h1 {
	color:#FFFFFF;
	margin: 0 0 8px 25px;
}

.redblock p {
	font-size:12px;
	margin: 0 0 0 0;
}


.twopartsblock {
	/*clear:both;*/
}

.twopartsblock .title {
	width:230px;
	height:35px;
	background:url(../images/arrow_biggreen.jpg) no-repeat left top;
	padding:0 0 0 45px;
	float:left;
}

.twopartsblock .title h1 {
	margin:0;
}


.twopartsblock .content {
	width:420px;
	float:left;
}

.twopartsblock .content b {
	color:#214850;
}

.twopartsblock_ender {
	background:url(../images/shadow_hz.jpg) no-repeat center bottom;
	height:32px;
	margin:0 0 35px 0;
	padding:15px 0 0 0;
	clear:both;
}

.who_worldmap {
	/*background:url(../images/worldmap_pads.jpg) no-repeat right top;*/
	/*width:688px;*/
	width:100%;
	height:448px;
	text-align:right;
	
}

.who_worldmap .countrypad {
	width:180px;
	height:95px;
	float:left;
	color:#FFFFFF;
	font-size:11px;
	/*background-color:#00CC99;*/
	padding:5px 0 0 10px;
}

.who_worldmap .countrypad h1 {
	margin:0 0 0 0;
	font-size:16px;
	color:#FFFFFF;
}

.who_worldmap .countrypad#europe_pad {
	margin:93px 0 0 303px;
}

.who_worldmap .countrypad#asia_pad {
	margin:93px 0 0 22px;
}

.who_worldmap .countrypad#africa_pad {
	margin:22px 0 0 92px;
}

.who_worldmap .countrypad#usa_pad {
	margin:22px 0 0 22px;
}

/*--------------------------------------------
  Clients
  --------------------------------------------*/
  
.clientslist {
	margin:50px 0 0 0;
}

.client {
	width:100%;
	background:url(../images/client_bg.jpg) repeat-y left top;
	height:90px;
	border-bottom:#CCCCCC solid 1px;
} 

.clientbis {
	width:100%;
	background-color:#FFFFFF;
	height:90px;
	border-bottom:#CCCCCC solid 1px;
}

.client_name {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#666666;
	width: 190px;
	padding:35px 0 0 60px;
	float:left;
	/*background-color:#00CCCC;*/
}

.client_logo {
	width:170px;
	float:left;
	text-align:center;
	margin:15px 0 0 30px;
	/*background-color:#CCFF00;*/
}

.client_desc {
	width:250px;
	float:right;
	padding:35px 0 0 0;
	/*background-color:#FF3333;*/
}

/*--------------------------------------------
  Listes
  --------------------------------------------*/

ul.arrow_little {
	margin: 10px 0 10px 0;
}

ul.arrow_little  li {
	background: url(../images/arrow_little.gif) 7px 5px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	list-style-type:none;
}

ul.arrow_medgreen {
	margin: 10px 0 10px 0;
}

ul.arrow_medgreen  li {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#666666;
	background: url(../images/arrow_medgreen.jpg) 0 2px no-repeat;
	padding: 0 0 15px 35px;
	margin: 0 0 0 0;
	list-style-type:none;
}


/*--------------------------------------------
  Page Contact
  --------------------------------------------*/
  
#block_contactform {
	width: 320px;
	float:right;
	margin:8px 0 0 0;
}
  
#block_coords {
	margin: 20px 0 0 0;
	float:left;
}

dl.coords_table {
	width: 300px;
	margin: 10px 0 0 0;
	padding: 0;
}

.coords_table dt {
	width: 60px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */

.coords_table dd {
	float: left;
	width: 200px;
	margin: 0 0 0 0;
	padding: 0;
}

/*--------------------------------------------
  Elements de formulaires
  --------------------------------------------*/
  
ul.formlist {
	list-style-type:none;
}

ul.formlist .send {
	text-align:right;
	padding:0 3px 0 0;
}

ul.formlist .label {
	margin:15px 0 0 0;
}

label {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#666666;
}

ul.formlist .input {
	background: url(../images/arrow_medgreen.jpg) 0 3px no-repeat;
	padding: 0 0 5px 35px;
}

input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #214850;
	border: solid 1px #CCCCCC;
	font-size: inherit;
	padding: 2px;
	margin: 2px;
	width:265px;
}

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #214850;
	border: none;
	font-size: inherit;
	padding: 2px;
	margin: 2px;
	width:265px;
	border: solid 1px #CCCCCC;
}

.form_requiredmarkup {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#DE5227;
}

.form_btnsend {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border:none;
	width:117px;
	height:42px;
	background:url(../images/btn_red.jpg) no-repeat center top;
	color:#FFFFFF;
	padding:0;
	margin:0;
}