/* CSS Document */
body {
	margin : 0;
	padding : 0;
font-size : 0.8em; 
	font-family: Arial, Helvetica, sans-serif;
} 

.opti
{
	scrollbar-face-color: #001580; 
scrollbar-shadow-color: #001580;
scrollbar-highlight-color: #001580;
scrollbar-3dlight-color: #001580; 
scrollbar-darkshadow-color: #001580; 
scrollbar-track-color: #001580; 
scrollbar-arrow-color: #001580;
}

.creation-site {
	border : 4px;
	border-style : double;
	border-color : #cccccc;
	width : 758px;
	position : absolute;
	left : 50%;
	margin-left : -385px;
	margin-top : 5px;
		font-family: Arial, Helvetica, sans-serif;

} 
.creation-site2 {
	border : 4px;
	border-style : double;
	border-color : #cccccc;
	width : 765px;
	position : absolute;
	left : 50%;
	margin-left : -385px;
	margin-top : 5px;
} 
.conception-web {

	margin-top : 0px;
} 
 
.csifrance {
background-image : url(../images/fond.jpg); 
margin-left : 168px;
width : auto; 
height : 395px; 
/* Pour barre defilement :  overflow : auto; */
} 
.csifrance2 {
background-image : url(../images/fond.jpg); 
margin-left : 160px;
width : auto; 
height : 411px; 
overflow : auto; 
} 

/* MENU Gauche */
.menu-liens {
	font-family: Arial, Helvetica, sans-serif;
font-size:12px;

text-decoration:none;
font-weight:lighter;



}

.menu-liens2 {
	font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #5982AC; 
text-decoration:none;
font-weight:lighter;

}

.visite {
	font-family: Arial, Helvetica, sans-serif;
color: #BD4262;
font-style:italic;
font-size:12px;

}


.menu {
position:absolute;
margin-top:auto;
left : 0; 
width : 158px;

}

.bout-connaitre {font-size: 14px; color: #CC0033; font-family: Arial, Helvetica, sans-serif; }

/*  FIN Menu Gauche */

.question {
	font-family: Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
color:#FF9933;
}

.developpement {	
background-color : #BD4262;


width : auto;
} 
#CSI {
margin-left : 15px; 
margin-top : 6px; 
} 
p {
margin : 0 0 5px; 
} 
.menugauche {
list-style-type : none; 
margin : 0; 
padding : 0; 
} 
.menugauche li {
margin-bottom : 5px; 
} 
.menugauche a {
	font-family: Arial, Helvetica, sans-serif;
margin : 0 2px; 
color : #000000; 
text-decoration : underline; 
} 
.menugauche a:hover {
	font-family: Arial, Helvetica, sans-serif;
text-decoration : none; 
} 
#box1 {

width : 158px; 

margin-top : 11px; 
margin-left : 2px; 
} 
#Developpement {
position : absolute; 
background-image : url(../images/creation-web.png); 
width : 560px; 
margin-left : 162px; 
height : 166px; 

 
} 
#Creation-Web {
position : absolute; 
width : 200px; 
height : 48px; 
z-index : 2; 
left : 77px; 
} 
#Creation-Sites {
position : absolute; 
width : 222px; 
margin-top : 2px; 
margin-left : 8px; 
left : -3px; 
} 
#Developpement-Web {
position : absolute; 
width : 222px; 
top : 0; 
margin-left : 338px; 

} 
.CSI-France {
	font-family: Arial, Helvetica, sans-serif;
color : #ffd45a; 
font-size : 10px; 
z-index : 1; 
text-align : center; 
} 
.intro {
	font-family : Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align : left;
	margin-left: 5px;
	margin-right: 5px;
} 
.connaitre {
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align : left;
	margin-left: 5px;
	margin-right: 8px;
} 
.offre {
	margin-left: 5px;
	margin-right: 11px;
} 
.offre2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align : left;
} 
.devis {
	font-family : Arial, Helvetica, sans-serif;
	
	font-size:14px;
	text-align : left;
	margin-left: 5px;
	margin-right: 8px;
} 
.devis-site {
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;

} 
.dico {
	margin-left: 5px;
	margin-right: 11px;
}
.dico2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}
.text {
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align : left;
	margin-left: 5px;
	margin-right: 5px;
} 
.bas1 {
	font-family: Arial, Helvetica, sans-serif;
margin-top:5px;
font-size : 10px; 
width : 222px; 
left : 2px; 
z-index : 2; 
position : absolute; 
} 
.bas2 {
	font-family: Arial, Helvetica, sans-serif;
font-size : 10px; 
width : 262px; 
right : 1px; 
z-index : 3; 
position : absolute; 
} 


/* Page Offre */
.offre-general {
	margin-left: 11px;
	margin-right: 11px;
	margin-top:11px;
}
.offre-texte {
	font-family: Arial, Helvetica, sans-serif;
font-weight : bold;
color:#BD4262;
text-align:left;
font-size : 10px;
}
.cadre-offre {
	width: 220px;
	margin-left:311px;
	margin-top:44px;
}
.cadre-boutique {
	
width: 475px;
	margin-top:22px;
}
.cadre-favoris {
	
    width: 500px;
	margin-top:22px;
	margin-left:55px;
}
.cadre-devis {
	width: 311px;
	margin-left:6px;
	margin-top:11px;
}
.cadre-devis2 {

	width: 100px;
	
	margin-top:11px;
}
.cadre-contact {
	width: 311px;
	margin-left:9px;
	margin-top:11px;
}
.cadre-contact2 {

	width: 100px;
	margin-left:1px;
	margin-top:11px;
}
.cadre-description {
		margin-top:60px;
		width: 400px ;
	margin-left:25px;
}
.cadre-connaitre {
		width: 535px ;
	margin-left:11px;
}
.offre-detail {
	font-family: Arial, Helvetica, sans-serif;
width:88px;
margin-left:410px;
margin-top:7px;
position : absolute;
text-align:center;
font-size:11px;
}

.tab1 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.tab2 {font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	}
	
.titre-offre {
    color: #1261B7;
	font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}
.titre-offre2 {
    color: #1261B7;
	font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.titre-offre3 {
    color: #1261B7;
	font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.offre1 {
    color: #CC0033;
	font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.savoir {
text-align:right;
	font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right:5px;
}
.savoir2 {
text-align:left;
	font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:5px;
}
/* FIN Page Offre */

/* Page  Creation */
.creation {
width:530px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 5px;
	margin-right: 11px;
} 

/* FIN Page Creation

/* BON de Commande */
.commande-fond {

background-image:url(../images/fond-commande.gif);
background:no-repeat;
}
.commande {
width:625px;

}
/* FIN Bon de Commande */


#Style2 {
	font-family: Arial, Helvetica, sans-serif;
color : #116aca; 
font-weight : bold; 
} 
.Style4 {
font-size : 16px; 
color : #cc0033; 
font-family : Arial, Helvetica, sans-serif; 
background-color: #FFFFFF;
} 
.Style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #1261b7;
	font-weight : bold;
	margin-left: 10px;
	
} 
.Style6 {
font-size : 18px; 
color : #cc0033; 
font-family : Arial, Helvetica, sans-serif; 
background-color: #FFFFFF;
} 
.Style7 {
	font-family: Arial, Helvetica, sans-serif;
font-size : 14px; 
color : #1261b7; 
font-weight : bold;
background-color: #FFFFFF;
} 
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size:13px;
	display:inline;
	font-weight: bold;
	color : #1261b7;
	font-weight : bold;
	margin-left: 10px;

}

h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
	display:inline;
	font-weight: bold;

}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
	display:inline;
	font-weight: bold;	
}
h4 {
	font-family : Arial, Helvetica, sans-serif;
	font-size:14px;
	display:inline;
	font-weight: lighter;	

}
.img1 {
	font-family: Arial, Helvetica, sans-serif;
margin-top :29px; 
margin-right : 111px;
text-align:left;
} 
.img2 {
	font-family: Arial, Helvetica, sans-serif;
margin-top :11px; 
margin-right : 111px;
text-align:left;
} 
.devis {
	font-family: Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:bold;
text-align:left;
} 
a:link {
	font-family: Arial, Helvetica, sans-serif;
color : #000000; 
text-decoration : underline;

} 
a:visited {
	font-family: Arial, Helvetica, sans-serif;
text-decoration : underline; 
color : #000000; 

} 
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : none;
	color : #FF9419;
} 
a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : underline;
	color : #bd4262;
	background-color: #FFFFFF;
}