/****************** 01/ DOCUMENT PARAMS***/
* { margin: 0; padding: 0; border: 0; }
* body { 
	font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	color: #57595E; 
	background:#ddddd2 url(../images/bg.gif) repeat-x; 
	text-align: center; 
	behavior: url(js/hover.htc );	 /*permet le hover sur les div sur IE6 et - */
}
#splash {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-185px;
	margin-top:-65px;
}
ul, ol { 
	list-style: none; 
}
form, input, textarea { 
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; 
}
/****************** 02/ STRUCTURE ***/
#divContent { 
	background: url(../images/mid/pozadinaPtice.gif) repeat-y;
	width: 762px; 
	margin: 0 auto; 
	text-align: left;
}
#body #divContent { 
	background: url(../images/mid/bg.gif) repeat-y; 
}
#divHead {
	background: #ECECE4 url(../images/head/bg.gif) no-repeat 0 28px;
	height: 236px;
	position: relative; 
}
#body #divMid { 
	padding: 25px 16px 0 19px; 
}
#divTitle { 
	padding: 20px 19px 0 19px; 
	background: url(../images/mid/bg.gif) repeat-y; 
}
#divMid { 
	padding: 0 19px;
	height: auto;
}
#divMidL { 
	float: left; 
	width: 534px; 
	margin-bottom: 10px; 
}
#divMidR { 
	float: right; 
	width: 174px; 
	margin-bottom: 209px; 
}
#divFoot { 
	background: url(../images/foot/footer.gif) no-repeat; 
	height: 130px; 
	position: relative; 
	clear: both; 
}
#divFoot p { 
	position: relative; 
	top: 42px;
	margin-left:65px;
}
/***************** 03/ LINKS - GENERAL ***/
/*
a:link, a:visited { color: #5AB10C; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: underline; }
*/
#divFoot a:link, #divFoot a:visited, #divFoot a:hover, #divFoot a:active { color: #8E8E8E; }
/****************** 04/ MENU NAVIGATION ***/
/***** menu CSS *****/
#conteneurmenu{}
.menu{
	position:absolute;
	background:url(../images/head/bg_menu.gif);
	color:#E7E7DE;
	font-family: Arial;
	font-size:15px;
	line-height:15px;
	font-weight:bold;
	text-align:center;
	border:1px solid #E7E7DE;
	padding:0px;
	margin-right:20px;
	bottom:15px;
	/* ALPHA */
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	/* width et margin sont au cas où le javascript est désactivé. */
	/*width:15em;
	margin:1em;*/
}
.ssmenu {
	position:absolute;
	background-color:#415a61;
	color:#E7E7DE;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:1px solid #E7E7DE;
	padding:1px;
	/*line-height:15px;*/
	/* ALPHA */
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
/* width et margin sont au cas où le javascript est désactivé. */
	/*width:15em;
	margin:1em;*/
}

.menu span, .ssmenu span {
/*  C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul {
/*  Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:5px;
	margin:5px;
	list-style-type:none;
}
.ssmenu li {
	/*position:relative;*/
	display:list-item;
	width:auto;
	height:100%;
	background-color:#EE7D03;
	text-indent:3px;
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#E7E7DE;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
	height:100%;
	margin:0px;
/* */
	/*width:100%;*/
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}
.menu a:hover, .menu a:focus {
	/*background-color:#415a61;*/
	background:url(../images/head/bg_menu.gif);
	color:#EE7D03;
	font-weight:bold;
	text-decoration:none;

}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	/*background-color:#fff;*/
	background:url(../images/head/bg_menu.gif);
	color:#fff;
	text-decoration:none;
	/*
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity: 0.80;
	*/
}
.menuOnglet{
	position:relative;
	display:block;
	float:left;
	width:5px;
	height:20px;
	/* ALPHA */
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
}
/*
.couleurOnglet1{
	background-color:#EE7D03;
}
.couleurOnglet1_2{
	background-color:#40bec6;
}
.couleurOnglet1_3{
	background-color:#7569dd;
}
.couleurOnglet2{
	background-color:#7C9597;
}
.couleurOnglet2_2{
	background-color:#7C9597;
}
.couleurOnglet2_3{
	background-color:#7C9597;
}
.couleurOnglet2_4{
	background-color:#7C9597;
}
.couleurOnglet3{
	background-color:#C42a15;
}
.couleurOnglet3_2{
	background-color:#C7210E;
}
.couleurOnglet3_3{
	background-color:#C7210E;
}
.couleurOnglet4{
	background-color:#EE7D03;
}
.couleurOnglet4_2{
	background-color:#EE7D03;
}
*/
/****************** 05/ TITRE ***/
h1 {
font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 2.5em; 
color: #747B89; 
font-weight: normal; 
}
h1 a:link, h1 a:visited { 
color: #747B89; 
}
h1 a:hover, h1 a:active { 
color: #000; 
text-decoration: none; 
}
h2 { 
font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 2em; 
color: #747B89; 
font-weight: normal; 
}
h3 { 
font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 1.5em; 
color: #747B89; 
font-weight: bold; 
}
h3.droite { 
font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 2em; 
color: #747B89; 
font-weight: normal;
text-align:right; 
}
.indent {
text-indent:25px;
}	
.hauteur10{
line-height:20px;
font-weight:bold;
}
/****************** 05 bis/ DIVERS ***/
.souligne{
text-decoration:underline;
}

/****************** 05 tris/ COULEURS H2 intitule page***/
#presentation {
margin-top:-5px;
color:#EE7D03;
}
#approche {
margin-top:-5px;
color:#40BEC6;
}
#services {
margin-top:-5px;
color:#7569DD;
}
#sitesweb {
margin-top:-5px;
color:#7C9597;
}
#banniere {
margin-top:-5px;
color:#628ec4;
}
#cddvdrom {
margin-top:-5px;
color:#DDDED2;
}
#animation {
margin-top:-5px;
color:#1B5DC3;
}
#client {
margin-top:-5px;
color:#CE2A11;
}
#photo {
margin-top:-5px;
color:#D4771D;
}
#cv {
margin-top:-5px;
color:#D4771D;
}
#contact {
margin-top:-5px;
color:#b12531;
}
/****************** 06/ STRUCTURE PAGE ***/
/** head **/
/*
.blocLeft {
font-size:1.2em;
float:left;
width:210px;
margin-left:15px;
padding:5px;
}
*/
/*presentation*/
.presentatonStyle {
font-size:1.2em;
float:left;
width:210px;
margin-left:15px;
padding:5px;
/* */
border-left: 4px solid #EE7D03;
background-color:#FFFCF8;
}
.presentatonStyle a {
color:#EE7D03;
}
.presentatonStyle a:hover {
background-color:#EE7D03;
color:#fff;
text-decoration:none;
}
/* approche */
.approcheStyle {
font-size:1.2em;
float:left;
width:210px;
margin-left:15px;
padding:5px;
/* */
border-left: 4px solid #40BEC6;
background-color:#F6FEFF;
}
.approcheStyle a {
color:#40BEC6;
}
.approcheStyle a:hover {
background-color:#40BEC6;
color:#fff;
}
/* services */
.servicesStyle {
font-size:1.2em;
float:left;
width:210px;
margin-left:15px;
padding:5px;
border-left: 4px solid #7569DD;
background-color:#F9F8FE;
line-height:16px;
}
.servicesStyle ul{
/*list-style-type:armenian;*/
list-style-position:inside;
list-style-image: url(../images/mid/fleche.gif);
}
.servicesStyle li{
text-indent:8px;
margin-left:3px;
/*height:20px;*/
margin-top:3px;
}
.servicesStyle a {
color:#7569DD;
}
.servicesStyle a:hover {
background-color:#7569DD;
color:#fff;
}

/* portfolio : sites web */
.portfolioCentre{
	width:685px;
	margin:0 auto;
}
.cart {
	position:relative;
	float:left;
	min-height:75px;
	height:auto;
	margin-top:8px;
	margin-left:15px;
	padding:5px;
	border:2px solid #7C9597;
	background-color:#fff;
	text-align:center;
}
.cart-active {
	background-color: #DDDDD2;
}
#items{
	width:640px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.3em; 
	color: #7C9597;
	font-weight: normal;
}
/* BANNERS */
.bannerConteneur{
	float:left;
}
.bannerThumb{
	margin: 15px 0px 8px 20px;
	background-color:#FAFAFA;
	border: 1px solid #EFEFEF;
	width:144px;
	padding:5px 5px 3px 5px;
	
	font-size:13px;
	color:#8A8383;
	line-height:14px;
	/*	FIREFOX  */
	-moz-border-radius:3px;
}
.bannerText{
	clear:both;
	margin:4px 0px 0px 20px;
	background-color:#FAFAFA;
	border: 1px solid #EFEFEF;
	width:200px;
	padding:6px;
	font-size:13px;
	color:#8A8383;
	line-height:16px;
	/*	FIREFOX  */
	-moz-border-radius:3px;
	text-align: left;
}
.bannerClient{
	float:left;
	margin: 15px 0px 8px 20px;
	background-color:#FAFAFA;
	border: 1px solid #EFEFEF;
	width:200px;
	padding:4px 5px 3px 5px;
	
	font-size:13px;
	color:#8A8383;
	line-height:14px;
	/*	FIREFOX  */
	-moz-border-radius:3px;
}
.bannerClientText{
	float:left;
	margin:15px 0px 0px 20px;
	background-color:#FAFAFA;
	border: 1px solid #EFEFEF;
	width:450px;
	padding:6px;
	font-size:13px;
	color:#8A8383;
	line-height:16px;
	/*	FIREFOX  */
	-moz-border-radius:3px;
	text-align: left;
}
#itemsBanner{
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1.3em; 
	color: #7C9597;
	font-weight: normal;
}
.blocPortfolio {
	position:relative;
	float:left;
	height:56px;
	padding:1px;
	border:2px solid #D2D2CB;
	margin-top:8px;
	margin-left:15px;
	cursor:move;
}
.blocPortfolioExt {
	position:relative;
	float:left;
	width:auto;
	height:56px;
	margin-top:0px;
	margin-left:0px;
	margin-right:10px;
	padding:1px;
	border:2px solid #7C9597;
}
.blocPortfolio img, .blocPortfolioExt img{
	top:0px;
	margin:1px;
}
.portfolioTexte {
	clear:left;
	position:relative;
	top:4px;
	margin-bottom:4px;
	padding:2px;
	text-align:justify;
	color:#8A8383;
	background-color:#FAFAFA;
}
.portfolioDate {
	float:right;
	width:93px;
	height:22px;
	top:2px;
	font-weight:bold;
	color:#FFF;
	background: url(../images/mid/date.gif) no-repeat 0 0; 
	margin-left:30px; 
}
.portfolioLien {
	float:right;
	width:93px;
	height:26px;
	margin-top:3px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	background: url(../images/mid/voir_site_off.gif) no-repeat 0 0; 
	behavior: url(js/hover.htc );
	margin-left:30px;
	cursor:hand;
}
.portfolioLien:hover {
	color:#7C9597;
}
.portfolioLienHover {
	color:#7C9597;
}
/* clients */
.clientsStyle {
font-size:1em;
float:left;
width:435px;
margin-left:1px;
padding:5px;
/* */
border-left: 4px solid #CE2A11;
background-color:#fffffe;
color:#333333;
}
.clientsStyle a {
color:#CE2A11;
}
.clientsStyle a:hover {
background-color:#CE2A11;
color:#fff;
}
/* photos */
.photosStyle {
font-size:1em;
float:left;
width:105px;
margin:10px 10px 10px 30px;
padding:5px;
border-left: 4px solid #D4771D;
background-color:#FFFBF7;
color:#333333;
}
/* cv */
.cvStyle {
font-size:1.3em;
float:left;
width:420px;
margin:10px 0px 10px 10px;
padding:5px;
border-left: 4px solid #D4771D;
background-color:#FFFBF7;
color:#333333;
}
.cvStyleLong {
font-size:1.3em;
float:left;
width:560px;
margin:10px 0px 10px 10px;
padding:5px;
border-left: 4px solid #D4771D;
background-color:#FFFBF7;
color:#333333;
}
.cvStyle a, .cvStyleLong a {
color:#D4771D;
}
.cvStyle a:hover, .cvStyleLong a:hover {
background-color:#D4771D;
color:#fff;
text-decoration:none;
}
.cvStyle2 {
font-size:1.2em;
float:left;
width:180px;
background: url(../images/mid/cv_bg.gif) 0 0;
margin-left:5px;
/*margin:0px 10px 10px 30px;*/
padding:5px;
border-left: 4px solid #D4771D;
background-color:#FFFBF7;
color:#fff;
}
.cvStyle2 a {
/*color:#D4771D;*/
color:#fff;
}
.cvStyle2:hover {
background-color:#D4771D;
color:#fff;
}
/********************** contact ***/
.contactStyleExtended1 {
float:left;
font-size:1.2em;
width:320px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border-left: 4px solid #b12531;
background-color:#fff8f9;
}
.contactStyleExtended1 a {
color:#b12531;
}
.contactStyleExtended1 a:hover {
background-color:#b12531;
color:#fff;
text-decoration:none;
}
.contactStyleExtended2 {
float:left;
font-size:1.2em;
width:660px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border-left: 4px solid #b12531;
background-color:#fff8f9;
}
.contactStyle a {
color:#b12531;
}
.contactStyle a:hover {
background-color:#b12531;
color:#fff;
text-decoration:none;
}
.coordonneesStyle1 {
float:left;
font-size:1.2em;
width:320px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border-left: 4px solid #b12531;
background-color:#fff8f9;
line-height:16px;
}
.coordonneesStyle2 {
float:left;
font-size:1.2em;
width:320px;
margin-left:20px;
margin-bottom:10px;
padding:5px;
border-left: 4px solid #b12531;
background-color:#fff8f9;
line-height:16px;
}
.coordonneesStyle3 {
clear:both;
font-size:1.2em;
width:675px;
margin-left:10px;
margin-bottom:10px;
padding:5px;
border-left: 4px solid #b12531;
background-color:#fff8f9;
line-height:16px;
}
.coordonneesStyle1 a {
color:#b12531;
}
.coordonneesStyle1 a:hover {
background-color:#b12531;
color:#fff;
text-decoration:none;
}
.texte{
	font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; 
	color: #57595E; 
}
.clearBoth{
	clear:both;
}
.droite{
	text-align:right;
}
/****************** 06 bis/ Liste ***/

#langue { 
position: absolute; 
top: 15px; 
right: 10px; 
color: #888E8E; 
font-family:Tahoma, Verdana, Helvetica, sans-serif; 
}

#divHead #langue a:link, #divHead #langue a:visited, #divHead #langue a:hover, #divHead #langue a:active { 
position: relative; 
color: #608DAD;
font-weight: bold; 
}

#divFlash, #imgHead { 
position: absolute; 
top: 38px; 
left: 10px; 
width: 742px; 
min-height: 176px; 
z-index: 0; 
}
/*********************** Forms/ Contacts ***/

.form{
	text-align: right;
	width:275px;
	margin-right:20px;
	font-size:1em;
	line-height:22px;
}
.form2{
	float:left;
	text-align:left;
	width:660px;
	line-height:25px;
	font-size:1em;
}
.form textarea{
	/*display:inline;*/
	position:inherit;
	margin-top:8px;
/*	float:left;*/
	overflow:auto;
	margin-left:55px;
	width:220px;
	font-size:1em;
	color: #847d6e;
	height:80px;
	border: 1px solid #EFEFEF;
}
.form input, .form select{
	/*float:left;*/
	width:150px;
	height:17px;
	font-size:1em;
	margin-left:15px;
	color: #847d6e;
	border: 1px solid #EFEFEF;
	
}
.formwide{
	width:519px;
	font-size: 13px; padding:4px;
	margin:0px 0px 5px 14px;
	background-color:#FAFAFA;
	border: 1px solid #EFEFEF;
}
.formwideEnvoyer{
	width:519px;
	font-size: 13px; padding:4px;
	margin:0px 0px 5px 14px;
	background-color:#FAFAFA;
	border: 1px solid #EFEFEF;
	text-align:right;
}
.bouton {
	display:inline;
	position:inherit;
	float:center;
	margin-left:65px;
	border:1px outset white;
	cursor:pointer;
	color: #000000;
}
.bouton:hover {
	background-color:white;
	color: #847d6e;
}
.bouton:active {
	border:1px inset white;
	background-color: #fafafa;
	color:fafafa;
} 

/*-----------------FOOTER ----*/
#divFoot p { position: absolute; top: 42px; left: -5px; }
#imgPtice { position: absolute; bottom: 130px; right: 19px; }

#divFoot dl { width: 556px; height: 29px; position: absolute; top: 13px; right: 13px; }
#divFoot dt, #divFoot dd { font-size: 1.1em; position: absolute; color: #7996A9; }
	
#dtFooter01 { top: 29px;	left: 95px; }

#dtFooter01 a {
color:#c2c2c2;
}
#dtFooter01 a:hover {
background-color:#c2c2c2;
color:#fff;
text-decoration:none;
}		
#dtFooter02 { top: 26px; left: 50px; }
#dtFooter03 { top: 29px; left: 465px; }
		
/*-----------------DIVERS ----*/
hr, legend{
display:none;
}
.clr{ clear:both;}