/* CSS Document */

* {
	padding: 0px;
	margin: 0;
}

body { 	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #EEE;
	padding: 10px;
}

a	{
	text-decoration: none;
	color:#333;
}

a:hover	{
	text-decoration: none;
	color:#0099FF;
}

#container	{
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}

#main {	
	width: 840px;
	border: 1px solid #AAA;
	float: left;
	padding: 16px 16px 16px 30px;
	background-color: #FFF;
}

#main div{
	float: left;
}

#header	{
	width: 465px;
	height: 84px;	
	background: url( ../imageshome/header.jpg) left no-repeat #FFFFFF;
}

#search	{
	width: 220px;
	height: 50px;
	margin: 20px 0 0 100px;
}

.search01	{
	width: 260px;
}

#search	h5	{
	text-align: left;
	font-size: 10px;	
	width: 48px;
	font-weight: bold;
	float: left;
	margin: 4px 0 2px 0;
	color: #888888;
}

.champ01	{
	margin: 2px 0 2px 0;
	height: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6699CC;
}

.bouton01	{
	width: 64px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}


#menu	{
	width: 822px;
	height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url( ../imageshome/menubg.jpg) repeat-x;	
	padding-top: 6px;	
}

#menu ul {
	list-style: none;
	border-left: solid 1px #616161;
}


#menu li {
	list-style: none;
	padding-left: 24px;
	padding-right: 24px;
	border-right: solid 1px #616161;
	float: left;
}

#menu a {
	color: #616161;
}

#menu li:hover {
	list-style: none;
	border-right: solid 1px #3C4291;
}

/**sidenavilist**/
#mynavcontainer ul{
	width:200px;
	padding:0 0 0 0px;
}
#mynavcontainer ul li{
	display:block;
	background:url(images/solution_div.gif) left bottom repeat-x;
	/**height:25px;**/
	width:200px;
	padding:0 0 1px 0;
}
#mynavcontainer ul li a{
	background:url(images/arrow.gif) 0 7px no-repeat;
	padding:0 0 0 14px;
	font:bold 11px/20px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	margin:0;
	display:block;
}
#mynavcontainer ul li a:hover{
	color:#0099FF;
	background-color:#ECECEC;
}
#mynavcontainer ul li.noImg{
	display:block;
	background-image:none;
	height:20px;
}

#mleft	{
	width: 212px;
}


#mleft	h {
	float: left;
}

#offres div	{
	width: 206px;
	height: 85px;
	margin: 0 0 8px 4px;
}


#offres h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	weight: bold;
	color: #000000;
	margin: 12px 5px 8px 5px;
}

#offres h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	weight: bold;
	color: #e63100;
	text-align: left;
	margin: 10px 0 6px 20px;
	border-bottom: 1px solid #999999;
	padding-bottom: 14px;
}

#offres h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
	weight: bold;
	color: #f69700;
	text-align: left;
	margin: 10px 0 10px 40px;
	background: url( ../imageshome/arrow.gif) left center no-repeat;
	padding-left: 22px;	
}

#offres li	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #636363;
	background: url( ../imageshome/puce.gif) left center no-repeat;
	padding-left: 22px;
	list-style: none;
	text-align: left;	
	margin: 0 0 3px 30px;	
}

#offre01	{

	background: url( ../imageshome/offres/start.jpg) no-repeat;
	
}

#offre02	{
	background: url( ../imageshome/offres/pro.jpg) top no-repeat;
}

#offre03	{
	background: url( ../imageshome/offres/premium.jpg) top no-repeat;
}

#public{
	margin-top: 5px;
}

#public	h3 {	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-left: 20px;
	text-align: left;
}

#public	div {	
	width: 170px;
	height: 38px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #b94c1c;	
	text-align: left;
	padding-left: 42px;
	margin-left: 6px;
}

#public01 {	
	background: url( ../imageshome/icones/clubs.jpg) no-repeat;
}

#public02 {	
	background: url( ../imageshome/icones/documentation.jpg) no-repeat;
}

#public03 {	
	background:  url( ../imageshome/icones/pme.jpg) no-repeat;
}

#public04 {	
	background: url( ../imageshome/icones/phototgraphes.jpg) no-repeat;
}


#mright	{
	width: 585px;
	margin: 0 0 0 12px;
}



#mright	h1	{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background: url( ../imageshome/arrow.gif) left center no-repeat;
	text-align: left;
	text-transform: uppercase;
	color: #979797;
	padding-left: 22px
}



#mright	h2	{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-left: 22px;
	color: #ec3e15;
	margin: 12px 0 0 20px;	
}

.sp01	{
	margin-left: 80px;
}

.sp02	{
	margin: 36px 0 0 130px;	
}

.sp03	{
	margin-left: 20px;	
}

.sp04	{
	margin-left: 64px;	
}

.orange	{
	color: #f69700;
}

#frame01 {
	width: 587px;
	height: 228px;
	background: url( ../imageshome/bg01.jpg) repeat-x;
	background: url( ../imageshome/china.jpg) right bottom no-repeat;
}

#frame01 div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 380px;
	float: left;
	text-align: left;
	margin: 12px 0 10px 20px;
	padding-left: 10px;
	line-height: 18px;
	border-left: 4px dotted #bbb;
}

#frame02 {
	width: 262px;
	height: 259px;
	margin: 12px 10px 0 0;
}

#frame02 p {
	text-align: left;
	margin: 10px 0 0 18px;
	font-weight: bold;
}

#gris01	{
	width: 262px;
	height: 10px;
	background: url( ../imageshome/gris01.jpg) no-repeat;
}

#gris02 {
	width: 262px;
	height: 237px;
	background: url( ../imageshome/gris02.jpg) repeat-y;
}

#gris03	{
	width: 262px;
	height: 12px;
	background: url( ../imageshome/gris03.jpg) no-repeat;
}

#frame03 {
	width: 313px;
	height: 261px;
	margin: 12px 0 0 0;
}

#orange01	{
	width: 313px;
	height: 10px;
	background: url( ../imageshome/orange01.jpg) no-repeat;
}

#orange02 {
	width: 313px;
	height: 237px;
	background: url( ../imageshome/orange02.jpg) repeat-y;
}

#orange03	{
	width: 313px;
	height: 12px;
	background: url( ../imageshome/orange03.jpg) no-repeat;
}

#frame03 li	{
	width: 240px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url( ../imageshome/valider.gif) left top no-repeat;
	padding-left: 30px;
	list-style: none;
	text-align: left;	
	margin: 12px 0 6px 24px;	
}

#frame03 span	{
	font-weight: bold;
	color: #dc7817;
	line-height: 18px;
	text-transform: uppercase;	
}
#framecool {
	width: 587px;
	height: auto;
	border: 1px solid #afafaf;
	margin-top: 8px;
	background: url( ../imageshome/newsbg.jpg) left top no-repeat;
	background-color: #f9f9f9;
}

#framecool div	{
	width: 520px;
	text-align: left;
	font-size:14px;font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 8px 0 5px 0;
	padding-left: 20px;
	line-height: 15px;
}

#framenews {
	width: 587px;
	height: auto;
	border: 1px solid #afafaf;
	margin-top: 8px;
	background: url( ../imageshome/newsbg.jpg) left top no-repeat;
	background-color: #f9f9f9;
}

#framenews div	{
	width: 520px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	color: #666666;
	margin: 8px 0 5px 0;
	padding-left: 20px;
	line-height: 15px;
}

#framenews .suite	{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	float: right;
	font-size: 11px;
	color: #993399;
	margin: 4px 16px 0 0;
}

#framenews h4	{
	width: 240x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	color: #ec3e15;
	margin: 10px 0 0 40px;
}

#framenews h5	{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	float: left;
	color: #979797;
	margin: 10px 0 0 200px;
}


#footer	{
	width: 700px;
	height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #5d5c5c;
	padding: 14px 0 0 100px;
	margin-top: 6px;
	
}


#footer ul {
	list-style: none;
	border-left: solid 1px #5d5c5c;
	float: left;
	margin-top:10px;
}


#footer li {
	list-style: none;
	padding-left: 24px;
	padding-right: 24px;
	border-right: solid 1px #5d5c5c;
	float: left;
}

#footer a {
	color: #333333;
}

#footer li:hover {
	list-style: none;
	border-right: solid 1px #5d5c5c;
}


#mleft2	{
	width: 212px;
}

#mright2	{
	width: 585px;
	margin: 0 0 0 12px;
}


#framemain {
	width: 587px;
	margin: 12px 10px 0 0;
}

#framemain div {
	width: 587px;
	float: left;
}


#grislong01	{
	height: 10px;
	background: url( ../imageshome/grislong01.jpg) no-repeat;
}

#grislong02 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px;
	text-align: justify;
	background: url( ../imageshome/grislong02.jpg) repeat-y;
}

#grislong03	{
	height: 12px;
	background: url( ../imageshome/grislong03.jpg) no-repeat;
}
div#sidebar form {
	border:1px solid #ddd;
	background-color:#F2F2F2;
	padding:5px;
	
}
input.txtBox{
	width:160px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	/*font:normal 11px/19px Arial, Helvetica, sans-serif;*/
	color:#000;
	background-color:#fff;
	margin:0 0 17px 0;
	padding:0 0 0 20px;
}
.liste_tags{

}
.liste_tags h1{
color:#FF9854;
text-align:left;
font-size:14px;
float:left;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}

.liste_tags h2{
color:#C26CE7;
text-align:left;
font-size:13px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}
.liste_tags h3{
color:#61D312;
text-align:left;
font-size:12px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}

.liste_tags h4{
color:#008DD5;
text-align:left;
font-size:11px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}

.liste_tags h5{
color:#BBBBBB;
text-align:left;
font-size:10px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}
.liste_tags h6{
color:#BBBBBB;
text-align:left;
font-size:10px;
float:left;
display:block;
text-indent:0;
margin:0px 10px 0 0;
padding:0px;
}
.bloc_titre{
font-weight:bold;
margin:5px 0 5px 0;
}