/* CSS Alliance */

/* General */
body {
	margin:0;
	padding:0;
	background-color:#79838E;
	background-image:url(../images/bg/bg-body.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	margin:0;
	padding:0;
	font-size:18px;
	color:#336699;
	letter-spacing:1px;
	padding-bottom:10px;
}

h2 {
	margin:0;
	padding:0;
	font-size:16px;
	color:#336699;
	margin-top:10px;
	background-image:url(../images/liste/dossier-orange.gif);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-bottom:5px;
}

h2 a {
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
}

h3 {
	margin:0;
	padding:0;
	font-size:14px;
	color:#EC5800;
	margin-top:10px;
	margin-bottom:10px;
	letter-spacing:1px;
	background-image:url(../images/liste/rb-fv.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-bottom:2px;
}

hr {
	height:1px;
	border:0px;
	background:#f3f3f3;
}

a {
	color:#336699;
	text-decoration:underline;
}

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

.clear {
	clear:both;
}

.clear_form {
	clear:both;
	height:5px;
	overflow:hidden;
}

p {
	padding:0px;
	margin:0px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:justify;
}

.input {
	font-family:Trebuchet Ms, Verdana, Arial;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #336699;
	padding:2px 4px 2px 4px;
}

.cadre_infos {
	position:relative;
	border:1px solid #CCCCCC;
	padding:10px;
}

.cadre_comp_r, .cadre_comp_o, .cadre_comp_b, .cadre_comp_n {
	position:relative;
	float:left;
	margin-right:10px;
	width:130px;
	height:90px;
	text-align:center;
	padding:30px 5px 0px 5px;
	font-weight:bold;
	line-height:20px;
	font-size:14px;
}
.cadre_comp_r a, .cadre_comp_o a, .cadre_comp_b a, .cadre_comp_n a {
	text-decoration:none;
}
.cadre_comp_r a:hover, .cadre_comp_o a:hover, .cadre_comp_b a:hover, .cadre_comp_n a:hover {
	text-decoration:none;
	color:#000000;
}
.cadre_comp_r {
	background-image:url(../images/bg/cadre-comp-rouge.jpg);
}
.cadre_comp_o {
	background-image:url(../images/bg/cadre-comp-orange.jpg);
}
.cadre_comp_b {
	background-image:url(../images/bg/cadre-comp-bleu.jpg);
}
.cadre_comp_n {
	background-image:url(../images/bg/cadre-comp-noir.jpg);
}


/* Couleurs */
.rouge {
	color:#cc0000;
}

.bleu {
	color:#336699;
}

.orange {
	color:#EC5800;
}

.gris {
	color:#999999;
}


/* Liste */
.point_fleche {
	position:relative;
	border:1px solid #336699;
	padding:10px 10px 10px 35px;
	background-image:url(../images/liste/fleche-blanche.gif);
	background-position:8px 8px;
	background-repeat:no-repeat;
}


/* Colonnes */
.colonne_50 {
	position:relative;
	float:left;
	width:50px;
}

.colonne_100 {
	position:relative;
	float:left;
	width:100px;
}

.colonne_150 {
	position:relative;
	float:left;
	width:150px;
}

.colonne_200 {
	position:relative;
	float:left;
	width:200px;
}

.colonne_250 {
	position:relative;
	float:left;
	width:250px;
} 

.colonne_300 {
	position:relative;
	float:left;
	width:300px;
} 

.colonne_350 {
	position:relative;
	float:left;
	width:350px;
}

.colonne_400 {
	position:relative;
	float:left;
	width:400px;
}

.colonne_450 {
	position:relative;
	float:left;
	width:450px;
}

.colonne_470 {
	position:relative;
	float:left;
	width:470px;
	padding-right:30px;
}

.colonne_500 {
	position:relative;
	float:left;
	width:500px;
}

.colonne_600 {
	position:relative;
	float:left;
	width:600px;
}

.colonne_650 {
	position:relative;
	float:left;
	width:650px;
}

.colonne_700 {
	position:relative;
	float:left;
	width:700px;
}

.colonne_750 {
	position:relative;
	float:left;
	width:750px;
}


/* Main top */
#main_top {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:151px;
	background-image:url(../images/bg/main-top.gif);
	background-repeat:repeat-x;
}

/* Main */
#main {
	position:relative;
	width:950px;
	margin:auto;
}


/* Top */
#top {
	position:relative;
	height:150px;
	background-image:url(../images/bg/top.jpg);
	z-index:1000;
}

#top_gauche {
	position:absolute;
	top:0px;
	left:-10px;
	width:10px;
	height:150px;
	background-image:url(../images/bg/top-gauche.gif);
}

#top_droite {
	position:absolute;
	top:0px;
	right:-10px;
	width:10px;
	height:150px;
	background-image:url(../images/bg/top-droite.gif);
}


/* Logo */
#logo {
	position:absolute;
	top:45px;
	left:20px;
}


/* Titre_top */
#titre_top {
	position:absolute;
	top:35px;
	right:20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
	letter-spacing:2px;
	width:550px;
}

#titre_top a {
	color:#FFFFFF;
	text-decoration:none;
}

#titre_top a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/* Accès client */
#access_client{
	position:absolute;
	right:1px;
}
#access_client a{
	color:#FFFFFF;
	text-decoration:none;
}
#access_client a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


/* Menu */
#menu {
	position:relative;
	top:120px;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap;
}

#menu div {
	position:relative;
	display:inline;
}

#menu a {
	position:relative;
	top:4px;
	text-decoration:none;
	color:#FFFFFF;
	padding:4px 30px 4px 30px;
}

#menu a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#336699;
	padding:4px 29px 4px 29px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#menu .sous_menu {
	position:absolute;
	display:none;
	top:30px;
	_top:34px;
	left:0px;
	background-color:#000000;
	font-size:12px;
	line-height:14px;
	/*filter : alpha(opacity=88);
    -moz-opacity : 0.88;
    opacity : 0.88; */
	border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	padding-bottom:10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-image:url(../images/bg/sous-menu.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#menu .sous_menu a {
	position:relative;
	color:#FFFFFF;
	display:block;
}

#menu .sous_menu a:hover {
	background-color:#336699;
	color:#FFFFFF;
}


/* Contenu */
#contenu {
	position:relative;
	background-image:url(../images/bg/contenu-index.jpg);
	background-repeat:repeat-y;
	float:left;
}


/* Contenu large */
#contenu_large {
	position:relative;
	padding-top:30px;
	/*padding-bottom:20px;*/
	padding-left:25px;
	padding-right:25px;
	width:900px;
	overflow:hidden;
}

#contenu_large_600 {
	position:relative;
	width:600px;
	padding-top:30px;
	padding-bottom:20px;
	padding-left:25px;
	padding-right:25px;
}

#index_gauche_large {
	position:relative;
	width:650px;
	float:left;
}


/* Index top */
#index_top {
	position:relative;
	width:100%;
	height:30px;
	background-image:url(../images/bg/contenu-index-top.jpg);
	margin-bottom:5px;
}


/* Index gauche */
#index_gauche {
	position:relative;
	width:610px;
	float:left;
	padding-left:25px;
	padding-right:15px;
}

#index_gauche ul, #index_gauche_large ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

#index_gauche ul li, #index_gauche_large ul li {
	background-image:url(../images/liste/puce-bleu.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left:15px;
}


/* Index droite */
#index_droite {
	position:relative;
	width:300px;
	float:left;
}

.prix_droite, .prix_orange {
	font-weight:bold;
	color:#EC5800;
	font-size:18px;
	padding-top:5px;
}

.accroche_droite {
	font-size:14px;
	line-height:28px;
}


/* Clear Index */
#clear_index {
	clear:both;
	position:relative;
	width:100%;
	height:30px;
	background-image:url(../images/bg/contenu-index-bottom.jpg);
}


/* Anim Accueil */
#anim_accueil {
	position:absolute;
	top:240px;
	left:0px;
	width:650px;
	height:220px;
}


/* News */
.news {
	position:relative;
	float:left;
	background-image:url(../images/bg/bg-news.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-top:10px;
	padding-bottom:15px;
}

.titre_news {
	position:relative;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:20px;
	width:100%;
	color:#EC5800;
}

.image_news {
	position:relative;
	float:left;
	width:200px;
	text-align:center;
}

.texte_news {
	position:relative;
	float:left;
	width:350px;
	padding-left:20px;
	padding-right:10px;
	text-align:justify;
}

.texte_news_large {
	position:relative;
	float:left;
	width:550px;
	padding-left:20px;
	padding-right:10px;
	text-align:justify;
}


/* Top droite */
#top_services, .top_services {
	position:relative;
	background-image:url(../images/bg/top-services.jpg);
	height:30px;
	color:#FFFFFF;
	font-size:14px;
	padding-left:25px;
	line-height:28px;
	clear:both;
}


/* Element droite */
.elt_droite {
	position:relative;
	padding-left:25px;
	margin-top:20px;
	margin-bottom:10px;
	float:left;
	width:275px;
}

.titre_elt_droite {
	position:relative;
	font-size:16px;
	font-weight:bold;
	background-image:url(../images/bg/titre-elt-droite.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:15px;
	margin-bottom:5px;
	width:275px;
}

.titre_elt_droite a {
	color:#000000;
	text-decoration:none;
}

.titre_elt_droite a:hover {
	color:#000000;
	text-decoration:underline;
}

.texte_promotion_droite {
	position:relative;
	color:#336699;
}

.image_elt_droite {
	position:relative;
	float:left;
	width:100px;
}

.texte_elt_droite {
	position:relative;
	float:left;
	width:175px;
}


/* Colonne contenu */
.colonne_contenu {
	position:relative;
	width:300px;
	float:left;
}

.image {
	border:1px solid #336699;
}


/* Préstations */
.cadre_comp_1, .cadre_comp_2, .cadre_comp_3, .cadre_comp_4, .cadre_comp_5, .cadre_comp_6, .cadre_comp_7, .cadre_comp_8 {
	position:relative;
	float:left;
	margin-right:10px;
	width:130px;
	height:80px;
	text-align:center;
	padding:50px 5px 0px 5px;
	font-weight:bold;
	line-height:20px;
	font-size:14px;
}
.cadre_comp_1 a, .cadre_comp_2 a, .cadre_comp_3 a, .cadre_comp_4 a, .cadre_comp_5 a, .cadre_comp_6 a, .cadre_comp_7 a, .cadre_comp_8 a {
	text-decoration:none;
}
.cadre_comp_1 a:hover, .cadre_comp_2 a:hover, .cadre_comp_3 a:hover, .cadre_comp_4 a:hover, .cadre_comp_5 a:hover, .cadre_comp_6 a:hover, .cadre_comp_7 a:hover, .cadre_comp_8 a:hover {
	text-decoration:none;
	color:#000000;
}
.cadre_comp_1 {
	background-image:url(../images/bg/cadre-comp-1.jpg);
}
.cadre_comp_2 {
	background-image:url(../images/bg/cadre-comp-2.jpg);
}
.cadre_comp_3 {
	background-image:url(../images/bg/cadre-comp-3.jpg);
}
.cadre_comp_4 {
	background-image:url(../images/bg/cadre-comp-4.jpg);
}
.cadre_comp_5 {
	background-image:url(../images/bg/cadre-comp-5.jpg);
}
.cadre_comp_6 {
	background-image:url(../images/bg/cadre-comp-6.jpg);
}
.cadre_comp_7 {
	background-image:url(../images/bg/cadre-comp-7.jpg);
}
.cadre_comp_8 {
	background-image:url(../images/bg/cadre-comp-8.jpg);
}


/* Agence Web */
.div_agence {
	position:relative;
	float:left;
	width:265px;
	background-image:url(../images/bg/div-agence.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:15px;
	padding-right:20px;
}

.div_agence ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

.div_agence ul li {
	background-image:url(../images/liste/puce-bleu.gif);
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left:15px;
}


/* Références */
.reference {
	position:relative;
	width:210px;
	height:200px;
	float:left;
	margin-right:15px;
	margin-bottom:0px;
	text-align:center;
}

.cadre_bleu, .cadre_jaune {
	position:relative;
	width:210px;
	height:165px;
	z-index:100;
}

.titre_ref {
	position:relative;
	text-align:center;
	font-weight:bold;
	color:#0E2A6C;
	font-size:12px;
	text-transform:uppercase;
	padding:7px 0 0 0;
	z-index:999;
	height:28px;
	width:210px;
	background:url(../images/bg/fond-titre.png) center center no-repeat;
	padding-bottom:1px;
}

.titre_ref a, .titre_ref a:hover {
	text-decoration:none;
	color:#325A7C;
}

.image_ref {
	position:absolute;
	text-align:center;
	top:30px;
	left:29px;
	z-index:2;
}


/* Boutique en ligne */
.boutique_cat {
	position:relative;
	float:left;
	width:180px;
}

.table_articles {
	border-collapse:collapse;
}

.table_articles tr {
	background-color:#FFFFFF;
	color:#000000;
}

.table_articles tr :hover {
	background-color:#efefef;
	color:#000000;
}

.table_articles td {
	border:1px solid #cccccc;
	padding:5px;
}

.article_photo {
	position:relative;
	float:left;
	width:300px;
	text-align:center;
	color:#CCCCCC;
}

.article_texte {
	position:relative;
	float:left;
	width:550px;
}


/* Contact*/
.colonne_contact {
	position:relative;
	width:300px;
	float:left;
}


/* Google Map */
#map {
	border:1px solid #336699;
	width:900px;
	height:400px;
	margin-top:10px;
	margin-bottom:20px;
}


/* Equipe PC@HOME */
.colonne_equipe1 {
	position:relative;
	width:150px;
	float:left;
}

.colonne_equipe2 {
	position:relative;
	width:450px;
	float:left;
}


/* Goodies */
.fond_ecran {
	position:relative;
	float:left;
	width:150px;
	text-align:center;
	margin-right:30px;
}


/* Bottom */
#bottom {
	position:relative;
	background-image:url(../images/bg/bottom.jpg);
	height:100px;
	color:#FFFFFF;
}

#menu_bottom {
	position:relative;
	top:20px;
	left:20px;
}

#bottom a {
	color:#FFFFFF;
	text-decoration:none;
}

#bottom a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#logo_bottom {
	position:absolute;
	top:50px;
	left:250px;
	text-align:center;
	width:400px;
}

#logo_bottom img {
	margin-top:10px;
}

#text_bottom {
	position:absolute;
	top:20px;
	right:20px;
	text-align:right;
}

/* Accès client */
.client_menu {
	width:193px;
	height:25px;
	background-image:url(../images/bg/acces_clients_menu.gif);
	padding-top:5px;
	padding-right:20px;
	text-align:right;
}

.client_menu a{
	text-decoration:none;
}

.client_menu a:hover {
	text-decoration:underline;
}

/* Hack pour IE <= 6 */

html .cadre_bleu {
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../global/images/bg/cadre_bleu.png', sizingMethod='scale');
}

html .cadre_jaune {
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../global/images/bg/cadre_jaune.png', sizingMethod='scale');
}
html .cadre_bleu img, html .cadre_jaune img {
	_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}