@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "produits.css";
@import "paiement.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 02-04-2008 --*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background:#eee url(../images/deco/bg_body2.jpg) no-repeat 0 0;
	background-attachment:fixed;
	color: #000;
}

p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}



 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:0 1px;
	width:900px;
	background:url(../images/deco/bg_general.jpg) repeat-y 0 0;
}

/*Haut de page  HEADER*/

#header{
	margin:0 auto;
	padding:0;
	width:900px;
	height:160px;
	background: url(../images/deco/bg_header.jpg) no-repeat 0 0;
}

/*Contenu de page  CONTENT */

#content {
	margin:0 auto;
	padding:0;
	width: 900px;
	background:#fff url(../images/deco/bg_content.jpg) no-repeat 0 0;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}
/*/// debut des colonnes ///*/
#left_content{
	float:left;
	padding:0 0 0 50px;
	position:relative;
	width:500px;
	left:0px;
}
#left_content p{
	margin:10px 0;
	padding:0;
	color:#333;
}
#left_content p.chapeau
{
	display:block;
	width:400px;
	margin:10px 0;
	padding:0;
	color:#666;
	font-weight:bold;
}
#left_content h4{
	margin:0;
	padding:0;
	color:#FFFF00;
}
/*/// partie de droite ///*/
#right_content {
	margin:0;
	float:right;
	background:url(../images/deco/bg_right-content.jpg) no-repeat 0 0;
	width:272px;
	height:480px;
	padding-top: 20px;
	padding-right: 19px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#right_content p.note {
	margin:0;
	padding:0;
	color:#666666;
	font-size:10px;
	font-weight:bold;
}
#right_content p.tel {
	margin:0;
	padding:0;
	text-align:center;
	color:#c00;
	font-size:20px;
	font-weight:bold;
}
#right_content p.tel-port {
	margin:0;
	padding:0;
	text-align:center;
	color:#c00;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}
#right_content a.bt_liens {
	display:block;
	margin:0;
	padding:0;
	width:131px;
	height:34px;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#999;
	font-size:9px;
	font-weight:bold;
	background:url(../images/deco/bt_liens.jpg) no-repeat 0 0;
	/*float:left;*/
}
#right_content a:hover.bt_liens{color:#c00;}

#right_content a.bt_liens_2 {
	display:block;
	margin:0;
	padding:0;
	width:131px;
	height:34px;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#c00;
	font-size:9px;
	font-weight:bold;
	background:url(../images/deco/bt_liens.jpg) no-repeat 0 0;
	/*float:left;*/
}
#right_content a:hover.bt_liens_2 {
	color:#999;
}

#right_content_col {
	margin:60px 0 0 0;
	padding:0;
	width:272px;
}
#right_content_col p{color:#666;
padding-top:50px;}
#right_content_col p strong{color:#333;}

#right_content_col ul {
	margin:10px 0 0 0;
	padding:0;	
}

#right_content table {
	text-align:center;
}
#right_content_col ul li {
	display:block;
	margin:0;
	padding:0;
	height:24px;
	list-style-type:none;
}
#right_content_col ul li a
{
	padding:0 0 0 30px;
	display:block;
	color:#999;
	text-decoration:none;
	background:url(../images/deco/puce_liens.jpg) no-repeat 0 0;
	height:24px;
	line-height:24px;	
}
#right_content_col ul li a:hover
{
	color:#c00;	
	text-decoration:underline;
}

/*///    partie du centre   ///*/
#flash_content{
	float:left;
	position:relative;
	background:url(../images/deco/bg_flash-content.jpg) no-repeat 0 0;
	width:900px;
	height:262px;
}

/*/// fin des colonnes ///*/	

/*Bas de page  FOOTER*/

#footer{
	margin:0 auto;
	padding:20px 0 10px 0;
	width:900px;
	background-color:#fff;
	text-align: center;
	color: #999;
}

#footer a{
	color:#999;
	text-decoration:none;
}

#footer a:hover{
	color:#c00;
}

#footer p
{
	margin:0;
	padding:0;
	color:#666;
}

 /*------------------------------------------------------*
  *------------ CSS MODULE   ----*
  *------------------------------------------------------*/
  
#acces_pro
{
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:277px;
	height:80px;
	float:right;
}

#acces_extranet {
	display:block;
	margin:0;
	padding:10px 0 0 10px;
	width:290px;
	height:80px;
	float:right;
	}
	
	.extranet {
		color:#cc0000;
		font-size:14px;
		font-weight:bold;
		}
		
.idchamp{color:#666;}
.connexion
{
	display:block;
	margin:5px auto 0 auto;
	
	width:150px;
	padding:0;
	color:#666;
	cursor:pointer;
}
.connexion:hover{color:#900;}

.connexion_extranet
{
	display:block;
	margin:15px auto 0 auto;
	
	width:150px;
	padding:0;
	color:#666;
	cursor:pointer;
}
.connexion_extranet:hover{color:#900;}

#menu_photo
{
	margin:0;
	padding:0;
	width:272px;
}
#menu_photo a 
{
	display:block;
	margin:0;
	padding:110px 0 0 0;
	width:130px;
	height:20px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333;
	border:1px solid #ccc;
		float:left;
}
#menu_photo a:hover
{
	border:1px solid #c00;
	color:#c00;
}
/*PHOTO*/
/* english coach*/
#menu_photo a.cat1-1 
{background:url(../images/deco/cat1-presentation.jpg) no-repeat 0 0}
#menu_photo a.cat1-2 
{background:url(../images/deco/cat1-anglais.jpg) no-repeat 0 0}
#menu_photo a.cat1-3 
{background:url(../images/deco/cat1-coaching.jpg) no-repeat 0 0}
#menu_photo a.cat1-4 
{background:url(../images/deco/cat1-dif.jpg) no-repeat 0 0}

/* formation aux entreprises */
#menu_photo a.cat2-1 
{background:url(../images/deco/cat1-dif.jpg) no-repeat 0 0}
#menu_photo a.cat2-2 
{background:url(../images/deco/cat2-rh.jpg) no-repeat 0 0}
#menu_photo a.cat2-3 
{background:url(../images/deco/cat2-salarier.jpg) no-repeat 0 0}
#menu_photo a.cat2-4 
{
	background:url(../images/deco/cat2-catalogue.jpg) no-repeat 0 0;
	font-size: 8px;
}

/* cours particulier */
#menu_photo a.cat3-1 
{background:url(../images/deco/cat3-groupe.jpg) no-repeat 0 0}
#menu_photo a.cat3-2 
{background:url(../images/deco/cat3-individuel.jpg) no-repeat 0 0}
#menu_photo a.cat3-3 
{background:url(../images/deco/cat3-soutien.jpg) no-repeat 0 0}
#menu_photo a.cat3-4 
{background:url(../images/deco/cat3-traduction.jpg) no-repeat 0 0}

/*notre parcours */
#menu_photo a.cat4-1 
{
	background:url(../images/deco/cat1-dif.jpg) no-repeat 0 0;
	font-size: 9px;
}
#menu_photo a.cat4-2 
{background:url(../images/deco/cat1-anglais.jpg) no-repeat 0 0}
#menu_photo a.cat4-3 
{background:url(../images/deco/cat2-rh.jpg) no-repeat 0 0}
#menu_photo a.cat4-4 
{
	background:url(../images/deco/cat2-accompagnement.jpg) no-repeat 0 0;
	font-size: 9px;
}

/* trduction */
#menu_photo a.cat5-1 
{background:url(../images/deco/cat5-lunettes.jpg) no-repeat 0 0}
#menu_photo a.cat5-2 
{background:url(../images/deco/cat5-anglais.jpg) no-repeat 0 0}
#menu_photo a.cat5-3 
{background:url(../images/deco/cat5-francais.jpg) no-repeat 0 0}
#menu_photo a.cat5-4 
{background:url(../images/deco/cat5-allemand.jpg) no-repeat 0 0}

 /*------------------------------------------------------*
  *------------ CSS CLASS des LIENS  ----*
  *------------------------------------------------------*/
a.download
{
	display:block;
	margin:10px 0 0 0;
	padding:0 0 0 35px;
	height:33px;
	line-height:33px;
	width:230px;
	background:url(../images/deco/bt_download.jpg) no-repeat 0 0;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	list-style:none;
}
a:hover.download{color:#c00;}

a.retour
{	
	margin:10px 0;
	padding:0;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	
}
a:hover.retour{color:#c00;}
a.liens
{
	display:block;
	line-height:10px;
	margin:0;
	padding:0 0 0 20px;
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
a:hover.liens{color:#c00;}

 /*------------------------------------------------------*
  *------------ CSS CLASS   ----*
  *------------------------------------------------------*/
  

/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

.slogan{
	display:block;
	margin:0pt;
	padding:10px 0pt 0pt 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
	width:500px;
	height:70px;

}

.rouge {
	color:#CC0000;
}

.bleu {
	color:#203689;
	font-size: 26px;
}
.gris {
	color:#999999;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
a.gris:hover {
	color:#CC0000;
}

 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  
h1
{
	display:block;
	margin: 0;
	padding: 0 0 0 30px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
}
  
h2 {
	margin: 30px 0 0 0;
	padding: 0;
	color:#c00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
}

  
h3 {
	margin: 0;
	padding: 0;
	color:#000;
}

.liste_dif h3 {
	background:url(../images/deco/cocher.gif) no-repeat top left;
	display:block;
	height:17px;
	padding:15px 0 0 18px;
}
.liste_dif dt {
	padding: 0 0 0 15px;
}


h4 {
	margin: 5px 0 5px 0;
	padding: 0;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:5px;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
}
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/