* {
        margin:0;
        padding:0;	
}

body {
        font: 11px/1.5em Verdana;
}

img {
	border: none;
}


/* ============================== Begin Tab  ============================== */

#csstabs {
  padding-top: 11px;
  padding-left: 500px;
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 5px ;
  height: 23px;
  float: left;
  width: 33%;
  /*border: 1px solid #ff00CC;*/
}

* + html #csstabs {
  position: relative;
  z-index: 9;
}

#csstabs li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 23px;
  float: left;
}

#csstabs li {
  display: inline-block;
  /*padding: 18px 15px 7px 15px;*/
  width: 90px;
  height: 23px;
  padding-right: 2px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  border: none;
  color: #FFF;
  font-weight: normal;
  text-decoration: none;
  position: relative;
}

.back_tab {
	background: url("../images/onglet-menu-hover.gif") top left no-repeat; 
}

#csstabs li > a {
  display: block;
  padding-top:3px;
  color: #ffffff;
  text-decoration: none;
}

#csstabs li a img {
  position: absolute;
  bottom: 1.7em;
  left: 15px;
}

#csstabs .noUser li a {
  font-weight: normal;
  /*padding: 18px 12px 2px 12px;*/
}


.back_tab:hover,
.current{
  border: none;
  background: url("../images/onglet-menu.gif") top left no-repeat; 
  text-decoration: none;
}

/* ============================== End Tab  ============================== */

			.myBox
			{
			    margin: 0 auto;
			    color: #ffffff;
			    text-align: left;
				/*font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif bold;*/
				text-align: center;
			    /*
			    background-image: url(back_test2.jpg);
			    background-repeat: no-repeat;
			    */
			}
			
			.myTabBox {
				margin-top: 15px;
			}
			
			html
			{
				height: 100%;
			}
			
			body
			{
				height: 100%;
				background: url(../images/backgd_header.gif) repeat-x;
			}
			
			#header{
				height: 462px;
				width: 100%;
				/*padding-left:60px;*/
				margin: 0 auto;
				background: url(../images/backgd_header.gif) repeat-x;
			}
			
			#presentation {
				background: url(../images/nouveau_fond.gif) repeat-x;
			}
			
			#presentation #header{
				height:181px;
				background: url(../images/nouveau_fond.gif) repeat-x;
			}
			
			#contact {
				background: url(../images/nouveau_fond.gif) repeat-x;
			}
			
			#contact #header{
				height:181px;
				background: url(../images/nouveau_fond.gif) repeat-x;
			}
			
			#lego {
				margin-bottom: 15px;
				padding-left: 15px;
				width: 910px;
			}
			
			#header img {
				padding-right: 30px;
				margin-top:20px;
				border-right: 1px dotted #7C7C7C;
				float:left;
			}
			
			#header_text {
				float:left;
				margin-left: 30px;
				font-size: 11px;
				font-family: Verdana;
				color: #7C7C7C;
			}
			
			#header_desc {
				clear:both;
			}
			
			#baseligne {
				/*height: 10px;*/
				/*width : 600px ;*/
				clear:both;
			}
			
			#baseligne_desc {
				clear:both;
				color: white;
				margin-top:4px;
				text-indent: 28px;
			}
				
			#header h1 {
				margin-top: 20px;				
			}
			
			#carousel {
				clear: both;
				/*padding-top: 36px;*/
			}
			
			#container
			{
				position: relative;
				width: 970px;
				margin: 0 auto;
				background-color: #ffffff;
				/*border-left: 1px solid #380CB4;
				border-right: 1px solid #380CB4;
				font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif bold;*/
			}
		
			* html #container
			{
				height: 100%;
			}
			
			#content
			{
				padding-bottom: 9em;
				clear:both;
				width:100%;
				/*padding-left:30px;
				padding-right:30px;*/
				padding-top: 15px;
				margin:0 auto;
				margin-bottom: 20px;
			}
			
			#leftcolumn {
				width:63%;
				float:left;
				margin-bottom: 50px;
				padding-right: 10px;
				/*border: 1px solid #CCCCCC;*/
				border-right: 1px dashed #CCCCCC;
			}

			#rightcolumn {
				width: 33.9%;
				margin-bottom:10px;
				float:left;
			}
			
			
			#blue_rect {
				background: url(../images/back_rect.gif) no-repeat;
				/*padding: 10% 30% 0% 0%;	/**
				margin: 2.9 3% 3% 3%;*/
				margin: 0.9% auto;
				height: 400px;
				width:925px;
			}
			
			/*#blue_rect_text {
				color: #ffffff;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 30px;
				width: 40%;
				height:50%;
				line-height: 35px;
				border: solid 1px #ffffff;				
			}*/
			
			.top_left_box {
				background: url(../images/top_left_box.gif) no-repeat;
				width: 584px;
				height: 7px;
				margin: 0 auto;
			}
			
			#google_maps {
				margin-left : 15px;
				/*background-color: #F00; 
				padding: 5px;
				width: 250px;*/
							
			}
			
			#lien_google {
				margin-left : 15px;
							
			}
			
			.box_google {
				width: 584px;
				/*height: 1px;*/
				/*border: 1px solid #CCCCCC;*/
				/*padding: 5px 5px 0px 5px;*/
				margin: 0 auto; /*10px 10px 10px 10px;*/
				padding-left: 0px;
				text-align:left;
				background: url(../images/middle_left_box.gif) repeat-y;
				
			}
			
			
			
			.box {
				width: 584px;
				/*height: 1px;*/
				/*border: 1px solid #CCCCCC;*/
				/*padding: 5px 5px 0px 5px;*/
				margin: 0 auto; /*10px 10px 10px 10px;*/
				text-align:right;
				background: url(../images/middle_left_box.gif) repeat-y;
			}
			
			.bottom_left_box {
				background: url(../images/bottom_left_box.gif) no-repeat;
				width: 584px;
				height: 10px;
				margin: 0 auto;	
				margin-bottom:30px;
			}
			
			h1 {
				color:#F88432;
				text-align:left;
				/*text-indent:15px;*/
				font: 19px Verdana, Geneva, Arial, Helvetica, sans-serif;				
				/*margin-left: 40px;
				margin-right: 60px;*/
				margin: 0 auto;
				float:left;
				/*
				padding-left: 10px;
				padding-bottom: 30px;*/
			}
			
			h2 {
				color: #F88432;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 19px;
				font-weight: normal;	
				text-align:left;			
				width: 98%;
				padding-left: 5px;
				margin-bottom:15px;
				padding-top:5px;
				text-indent: 5px;
			}
			
			.dashed {
				padding-bottom:10px;
				border-bottom: 1px dashed #CCCCCC;
			}
			
			h3 {
				color: #28595C;
				padding-top: 5px;				
				/*padding-bottom: 20px;*/
				text-align:left;
				font-size:22px;
				font-weight:normal;
			}
			
			.citation {
				color: #F88432;
				font-style:italic;
				font-size: 23px;
				text-align: left;
				line-height: 24px;
			}
			
			p {
				padding-bottom: 15px;
			}
			
			.img_box {
				float:left;
				/*width:100px;
				height:67px;*/
				border: 1px solid #E75020;
			}
			
			.text_box {
				width:93%;
				height: 60%;
				margin: 0 auto;
				padding-left:5px;
				font-size:12px;	
				line-height: 18px;
				color: #777777;
				text-align:justify;	
			}
			
			.link_box {
				clear:both;
				text-decoration:none;
				padding-right:10px;
				color:#E75020;
			}
			
			.link_box:hover {
				clear:both;
				text-decoration:underline;
			}
			
			.top_right_box {
				width: 275px;
				height: 6px;
				background: url(../images/top_right_box.gif) no-repeat;
				margin: 0 auto;
			}
			
			.right_box {
				width: 275px;
				text-indent: 5px;
				text-align: right;
				background: url(../images/middle_right_box.gif) repeat-y;
				margin: 0 auto;
			}
			
			.right_box_login {
				width: 275px;
				text-indent: 0px;
				text-align: right;
				background: url(../images/middle_right_box.gif) repeat-y;
				margin: 0 auto;
			}
			
			/*.right_box_tag {
				width: 275px;
				text-indent: 0px;
				text-align: justify;
				background: url(../images/middle_right_box.gif) repeat-y;
				margin: 0 auto;
			}*/
			
			.right_box a {
				text-decoration: none;
				color: #7C7C7C;
			}
			
			.right_box a:hover {
				text-decoration: none;
				color: #e75020;
			}
			
			.right_box li {
				line-height: 20px;
			}
			.bottom_right_box {
				width: 275px;
				height: 8px;
				background: url(../images/bottom_right_box.gif) no-repeat;
				margin: 0 auto;
				margin-bottom:30px;
			}
			
			.service_text_box {
				width:95%;
				margin-left:25px;
				text-align: left;
				padding-top:2px;
				color: #777777;
				font-size:12px;	
				line-height: 25px;
			}
			
			.service_text_box_tag {
				width:85%;
				margin-left:20px;
				text-align: left;
				padding-top:2px;
				color: #777777;
				font-size:12px;	
				line-height: 23px;
			}
			
			.personne {
				width:2900px;
				padding-bottom:15px;
			}
				
			.img_personne {
				float:left;
			}		
			
			.text_personne{
				float:left;
				width:75%;
				font-family: "Trebuchet MS";
			}
			
			.nom_personne {
				width:80%;
				line-height:17px;
				font-weight: bold;
				color: #515151;
				font-size:17px;
			}
			
			.titre_personne {
				padding-bottom: 0px;
				line-height:17px;
				font-style: italic;
				color:#9a9a9a;
				font-size:13px;
			}
			
			.mail_personne {
				line-height:17px;
				font-size:13px;
				font-weight: normal;
			}
			
			.tel_personne {
				line-height:17px;
				font-size:13px;
				font-weight: normal;
			}
			
			.fb_personne {
				padding-bottom: 0px;
				line-height:17px;
				color:#fa8b32;
				font-size:11px;
			}
			
			.clear {
				clear:both;
			}
			
			.underline {
				text-decoration:underline;
			}

/*==============	Footer ==============*/
			.contact {
				width:95%;
				height: 400px;
			}
			
			#leftcolumn_contact {
				width:70%;
				float:left;
				border-right: 1px dashed #CCCCCC;
				margin-bottom: 50px;
			}
			
			#rightcolumn_contact {
				width:24%;
				float:left;
			}
			

			#footer
			{
				clear:both;
				position: relative;
				background: url(../images/backgd_footer.gif) repeat-x;
			    width: 100%;
				height: 160px;
				/*padding-bottom: 10px;*/
			}
			
			#footer img {
				float:left;				
			}
			
			#text_footer {
				padding-top: 10px;
				margin: 0 auto;
				width: 970px;
			}
			
			.footer_box {
				float:left;
				border-left: 1px dotted #7C7C7C;
				margin-left: 10px;
				padding-left: 20px;
				font-size: 11px;
				font-family: Verdana;
				color: #7C7C7C;
			}
			
			#text_footer img {
				margin-left: 0px;
			}
			
			#contact #footer {
				height: 327px;
				background-color:#acacac;
			}
			

/*================	Contact Page ================*/
			.contact {
				width:95%;
				height: 600px;
				padding: 5px 5px 0px 5px;
				margin: 0 auto; 
				text-align: center;
				margin-bottom:30px;
			}
			
			#leftcolumn_contact {
				width:97%;
				float:left;
				border: 1px solid #CCCCCC;
				margin-bottom: 50px;
				margin-left: 10px;
				margin-right: 10px;
			}
			
			#rightcolumn_contact {
				width:24%;
				float:left;
			}
			
			.text_box_contact {
				width:29.9%;
				float:left;
				color: #777777;
			}			

			#map {
				width: 70%;
				height: 90%;
				float: left;
				border-right: 1px dashed #CCCCCC;	
			}
			
/*==============	Tags ==============*/

			#otp {
			font-style: normal ;
			color: orange ;
			font-size: 24px ;

			}

			#web2 {
			font-style: normal ;
			color: #FF4800 ;
			font-size: 9px ;

			}
			#reseau {
			font-style: normal ;
			color: gray ;
			font-size: 12px ;

			}
		
			#google {
			font-style: normal ;
			color: #FF7100 ;
			font-size: 18px ;

			}
			
			#store {
			font-style: normal ;
			color: gray ;
			font-size: 10px ;

			}
			
			#hebergement {
			font-style: normal ;
			color: orange ;
			font-size: 20px ;

			}
			
			#formation {
			font-style: normal ;
			color: #FF4800 ;
			font-size: 14px ;

			}
			
			#conseil {
			font-style: normal ;
			color: black ;
			font-size: 9px ;

			}
			
			#typo3 {
			font-style: normal ;
			color: gray ;
			font-size: 16px ;

			}

			#typepad {
			font-style: normal ;
			color: gray ;
			font-size: 10px ;

			}
			
			#etc {
			font-style: normal ;
			color: #FF7100 ;
			font-size: 14px ;

			}
			
			#data {
			font-style: normal ;
			color: orange ;
			font-size: 11px ;

			}
			
			#nouvelle {
			font-style: normal ;
			color: #FF7100 ;
			font-size: 13px ;

			}
			
			#retd {
			font-style: normal ;
			color: gray ;
			font-size: 18px ;

			}
			
			#apple {
			font-style: normal ;
			color: #626161 ;
			font-size: 18px ;

			}
			
			#fli {
			font-style: normal ;
			color: red ;
			font-size: 12px ;

			}
			
			#gmail {
			font-style: normal ;
			color: #BABABA ;
			font-size: 14px ;

			}
			
			#iphone {
			font-style: normal ;
			color: red ;
			font-size: 9px ;

			}
			
			#win {
			font-style: normal ;
			color: #626161 ;
			font-size: 14px ;

			}

			#you {
			font-style: normal ;
			color: #BABABA ;
			font-size: 14px ;

			}