@charset "ISO-8859-1";

/************************************
 * Rappel des couleurs principales :
 * vert foncé : #2F7513
 * vert clair : #ABDF01
 * orange foncé : #E4BB07
 * orange clair : #FFE435
 * jaune : #FBFC1C
************************************/

/********************************/
/* CLASSES GENERALES & COMMUNES */
/********************************/
html, body {
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	font-size: 11pt;
	color: #444;
	background: #ABDF01 url(../images/fond.jpg) no-repeat top center;
	text-align: justify;
	line-height: 20px;
}
img {
	border: none;
	border: 0;
}
a {
	cursor: pointer;
	color: #2F7513;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active, a:focus {
	outline: none;
}
a img {
	border: none;
	border: 0;
}
.textright {
	text-align: right;
}
/***** Mises en forme des boutons *****/
.button {
	padding: 5px 30px;
	background: url(../gkcbox/images/gkcbox_top.gif) repeat-x top left;
	border: 1px outset #2F7513;
	font-weight: bold !important;
	font-style: normal !important;
	font-size: 11pt !important;
	text-decoration: none;
	margin: 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
	cursor: pointer;
	color: #2F7513;
}
.button:hover {
	background: url(../gkcbox/images/gkcbox_top.gif) repeat-x top left;
	border: 1px inset #2F7513;
	-webkit-box-shadow: -3px -3px 5px #818181;
	-moz-box-shadow: -3px -3px 5px #818181;
	color: #444;
	text-decoration: none;
}
.col_droite .button {
	padding: 5px 20px;
	margin: 0;
	font-size: 10pt !important;
}
.envoi {
	font-size: 10pt;
	background: url(../images/form.gif) repeat-x center left;
	padding: 2px 5px;
	color: #2F7513;
	border: 1px solid #2F7513;
	cursor: pointer;
	margin: 0 10px 0 0;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
	font-style: normal !important;
}
.envoi:hover {
	background: url(../images/formr.gif) repeat-x center left;
	text-decoration: none;
	color: #2F7513;
}
.disabled, .disabled:hover {
	background: url(../images/form.gif) repeat-x center left;
	color: #888;
	border-color: #888;
	cursor: default;
}
.clearall {
	clear: both;
}
br.clearall {
	width: 0;
	height: 0 !important;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.center {
	text-align: center !important;
}
.justify {
	text-align: justify !important;
}
.underline {
	text-decoration: underline !important;
}
.bold {
	font-weight: bold !important;
}
.italic {
	font-style: italic !important;
}
.caps {
	font-variant: small-caps !important;
}
.strike {
	text-decoration: line-through;
}
h1, h2, h3, h4, h5, h6, div, form, ul, li, ul li {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 15px 0;
	padding: 0;
}
.click {
	cursor: pointer;
}
.logo {
	display: inline-block;
	padding: 3px 5px;
	background: #444;
	font-weight: bold;
	font-family: Georgia,Tahoma,sans-serif;
	font-size: 12pt;
	border: 2px solid #E4BB07;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
}
.jaune {
	color: #FFE435 !important;
}
.vert {
	color: #8BCB2F !important;
}
.vertfonce {
	color: #2F7513 !important;
}

.ptigris, .ptigris a {
	font-size: 9pt;
	color: #777;
	font-style: italic;
	line-height: 16px;
	margin-bottom: 5px !important;
}
.offert {
	color: #2F7513;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 12pt;
}
.ico_acrobat {
	background: url(../images/ico_acro.gif) no-repeat center left;
	padding-left: 23px;
}
.ico_foxit {
	background: url(../images/ico_foxit.gif) no-repeat center left;
	padding-left: 23px;
}
.requis {
	font-size: 10pt;
	font-style: italic;
	line-height: 18px;
	margin-bottom: 10px !important;
}
.print {
	background: url(../images/printer.png) no-repeat center left;
	padding-left: 20px;
}
.blink {
	text-decoration: blink;
}
.alert {
	width: 70%;
	margin: 0 auto;
	border: 1px solid #FF0000;
	outline: 2px dotted #FF0000;
	padding: 10px 20px 10px 10px;
	background: #eee url(../../images/alerte1.png) no-repeat 10px center;
	text-align: justify;
	margin-bottom: 15px;
}
.alert p {
	padding-left: 40px;
	margin: 0;
}
/*** Retour haut de page ***/
a.haut {
	float: right;
	font-size: 10pt;
	font-style: italic;
	margin-right: 10px;
	background: url(../images/haut.png) no-repeat center left;
	padding-left: 20px;
	padding-right: 3px;
	margin-bottom: 10px;
}
a.haut {
	background: #ABDF01 url(../images/haut.png) no-repeat center left;
	color: #000;
}
a.haut:hover, #index a.haut:hover {
	text-decoration: none;
	background: #E4BB07 url(../images/haut.png) no-repeat center left;
}
.tab {
	margin-left: 15px;
}

/*******************************************/
/* MISES EN FORMES SPECIFIQUE AUX GKC_TIPS */
/*******************************************/
.gkctip {
	font-family: Arial;
	padding: 3px;
	font-weight: normal;
	font-size: 10pt;
	border-style: solid;
	border-width: 1px;
	border-color: #ABDF01;
	color: #000;
	background: #FFE435;
}
.gkctip span {
	font-weight:bold;
	font-style: italic;
	text-decoration: underline;
}

/*****************************************************************/
/* MISES EN FORMES SPECIFIQUE AUX HEADERS H1, H2, H3, H4, H5, H6 */
/*****************************************************************/

/***** Généralisé sur toutes le pages ****/
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
h1, h3 {
	font-family: Georgia,Tahoma,sans-serif;
}
h1 {
	height: 35px;
	margin-bottom: 20px;
	padding-top: 10px;
	color: #2F7513 !important;
	background: #fff url(../images/h1_bg.gif) no-repeat top left;
	padding-left: 55px;
}
h1, h1 a {
	font-size: 15pt !important;
}
h1 a:hover {
	text-decoration: none;
	color: #E4BB07;
}
h2 {
	font-size: 13pt;
	font-style: italic;
	margin-bottom: 15px;
	text-align: left;
	height: 22px;
	line-height: 22px;
}
.u_dash {
	border-bottom: 1px dashed #2F7513;
}
h3 {
	display: block;
	padding: 5px 0;
	margin: 0 auto 10px;
	border: 2px ridge #FFE435;
	text-align: center;
	background: #2F7513;
	color: #FFE435;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
}
h4 {
	border-bottom: 1px solid #2F7513;
	color: #2F7513;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-family: "Century Gothic",Georgia,Tahoma,sans-serif;
	font-size: 13pt;
}
h4.fleche {
	background: url(../admin/images/fleche.png) no-repeat center left;
	padding-left: 27px;
	text-decoration: none;
	border: 0;
}
h4.fleche span {
	border-bottom: 1px solid #2F7513;
}
/***** Spécifiques aux entêtes colonne de droite *****/
h5 {
	clear: both;
	display: block;
	background: #E4BB07;
	color: #2F7513;
	padding: 5px 5px 5px 7px;
	margin-bottom: 10px;
	font-size: 10pt;
	text-align: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
}

/***** Spécifiques aux blocs de présentation page d'index *****/
.bloc50 h1 {
	height: 25px !important;
	background: none !important;
	padding: 0 !important;
	border-bottom: 1px solid #2F7513;
	margin-bottom: 5px !important;
}
.bloc50 h2 {
	font-family:"Century Gothic", Georgia,Tahoma,sans-serif;
}

/**************************************************/
/* MISES EN FORMES SPECIFIQUES A L'ENTETE DE PAGE (TOPFIX) */
/**************************************************/

#topfix {
	text-align: center;
}

.banniere {
	width: 1000px;
	height: 180px;
	margin: 0 auto;
	background: url(../images/banniere.png) no-repeat top left;
}
a.contact {
	position: absolute;
	top: 30px;
	margin-left: 150px;
	font-weight: bold;
}
.langues {
	width: 764px;
	height: 12px;
	margin: 5px auto 0;
	display: inline-block;
}
.langues img {
	width: 21px;
	height: 15px;
	margin: 3px 0 0 7px;
	float: right;
}
/**** / FAIRE UNE RECHERCHE POUR SUPPRESSION / ****/
.flags_lang {
	float: left;
	margin-left: 180px;
	margin-top: 20px;
}
.flags_lang img {
	width: 20px;
	margin-right: 5px;
}
/**** / A SUPPRIMER QUAND TOUTES LES PAGES GKCBOX & POPOUP SERONT TRADUITES / ****/
.flags_lang_annx {
	position: absolute;
	width: 70px;
	top: 30px;
	left: 170px;
	display: block;
}
.flags_lang_annx img {
	width: 20px;
	margin-right: 5px;
}
/**** /// ****/

/***************************************/
/* MMENU DE NAVIGATION GENERAL DU SITE */
/***************************************/
#navigation {
	font-family: Verdana, "Trebuchet MS", sans-serif;
	position: relative;
	display: block;
	height: 42px;
	font-size: 11pt;
	font-weight: bold;
	background: transparent url(../images/menu_bg.gif) repeat-x top left;
	font-variant: small-caps;
	width: 762px;
	margin: 0 auto 10px;
	border-color: #DCFCC0;
	border-style: solid;
	border-width: 0 1px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-style: italic;
}
#navigation ul {
	margin: 0;
	margin-left: 2px;
	padding: 0;
	list-style-type: none;
}
#navigation ul li {
	display: block;
	float: left;
	margin: 0 1px 0 0;
}
#navigation ul li a {
	display: block;
	float: left;
	color: #444;
	text-decoration: none;
	padding: 10px 15px 0 14px;
	height: 28px;
}
#navigation ul li a:hover, #navigation ul li.current a {
	color: #EEFFDF;
	background:transparent url(../images/menu_bg_over.gif) no-repeat top center;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/***********************/
/* MMENU DE PAGINATION */
/***********************/
.pagination{
	padding: 2px;
}
.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10pt;
}
.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #2F7513;
	text-decoration: none; 
	color: #2F7513;
	letter-spacing: -1px;
}
.pagination a:hover, .pagination a:active{
	border: 1px solid #2F7513;
	color: #000;
	background-color: #E4BB07;
}
.pagination a.currentpage{
	background-color: #2F7513;
	color: #FFF !important;
	border-color: #2F7513;
	font-weight: bold;
	cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: #FFF;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}
.pagination a.prevnext{
	font-weight: bold;
}

/*****************************************************/
/* MISES EN FORMES SPECIFIQUES AU CONTENU DE LA PAGE */
/*****************************************************/

#contenu {
	display: inline-block !important;
}
#content {
	display: block !important;
	width: 760px;
	margin: 0 auto;
}
.container {
	clear: both;
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;
	border: 1px solid #E4BB07;
	background: #E6E4E5;
	text-align: center;
}
.inner_col {
	width: 97%;
	margin: 10px auto;
	display: inline-block;
	text-align: justify;
}
.pins {
	clear: both;
	width: 150px;
	margin: 0 auto;
	position: relative;
	top: -60px;
}
.pins img {
	width: 145px;
}
.encart {
	padding: 7px;
	background: #c0c0c0;
	border: 1px solid #2F7513;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
}
.contact_web {
	width: 170px;
	position: fixed;
	bottom: 15px;
	right: 30px;
}
#content ul {
	margin-left: 20px;
}
#content ul li {
	list-style: square;
}


/*****************************/
/* COLONNE DE GAUCHE DU SITE */
/*****************************/
.col_gauche, .col_droite {
	float: left;
}
.col_gauche {
	width: 70%;
	padding-right: 2.5%;
	border-right: 1px solid #CCB;
}
.col_gauche h1, .erreur h1 {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
}
.col_gauche a {
	font-style: italic;
}

/*****************************/
/* COLONNE DE DROITE DU SITE */
/*****************************/
.col_droite {
	width: 24.5%;
	padding-left: 2.5%;
	font-size: 10pt;
	border-left: 1px solid #CCB;
	margin-left: -1px !important;
}
.col_box {
	margin-bottom: 20px;
	text-align: left;
	line-height: 18px;
}
.last_box {
	margin-bottom: 0 !important;
}
.col_droite ul {
}
.col_droite ul li {
	padding: 3px 0;
}

.col_box p {
	margin-bottom: 5px;
}
.col_droite p {
	padding: 0 5px;
}
.col_droite p.suite {
	
	text-align: right;
	margin: 10px 0;
	font-size: 9pt;
}
.col_droite p.suite a {
	font-style: italic;
	padding: 1px 3px;
	background: #ABDF01;
	color: #000;
}
.col_droite p.suite a:hover {
	background: #E4BB07;
}

/***** Mises en forme spécifiques au découpage du contenu en "blocs" verticaux *****/

.bloc_large {
	clear: both;
	background: #E6E4E5;
	border: 1px solid #E4BB07;
}
.bloc_top {
	margin-bottom: 15px;
	text-align: justify;
	width: 98%;
	padding: 1%;
}
.bloc_bottom {
	display: inline-block;
	margin-top: 15px;
}

/*************************************************/
/* MISES EN FORMES SPECIFIQUES A LA PAGE D'INDEX */
/*************************************************/

/***** Présentation de chaque section *****/
.bloc50 {
	width: 342px;
	padding: 15px;
	border: 2px solid #E4BB07;
	background: #E6E4E5;
	min-height: 220px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
	
}
.bloc_middle {
	margin: 0 auto;
	position: relative;
	top: -70px;
}
.presentation {
	height: 130px;
}
.bloc li {
	padding-bottom: 3px;
}
.plus_info {
	clear: both;
	margin-top: 10px;
	margin-bottom: 0 !important;
	font-style: italic;
	font-weight: bold;
	font-size: 10pt;
	line-height: 20px;
}

/***** Mises en forme de la page Protection de l'environnement *****/
.ecolo {
	width: 320px;
	height: 103px;
	margin: 0 auto;
	padding: 10px;
	border: 2px solid #2F7513;
	background: url(../images/ecolo1.png) no-repeat 10px center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
}
.ecolo p {
	padding-left: 90px;
	margin-bottom: 7px !important;
}
.ecolo .plus_info {
	margin-top: 0 !important;
}
.img_ecolo {
	margin-top: 30px !important;
	margin-left: 230px !important;
}

/******************************************************/
/* MISES EN FORMES SPECIFIQUES AUX PAGES APPLICATIONS */
/******************************************************/
a.autoCAD {
	border: 1px solid #CE0000;
	padding: 1px 4px;
	color: #CE0000;
	font-weight: bold;
	font-family: "Arial";
	font-style: normal !important;
}
a.autoCAD:hover {
	background: #CE0000;
	color: #fff;
	text-decoration: none;
}
/* Mise en forme en 3 blocs hauts verticaux */
.bloc {
	float: left;
	width: 226px;
	padding: 10px;
	background: #E6E4E5;
	border: 1px solid #E4BB07;
}
/*** // ****/
.plug_cubes {
	margin: 0 auto;
	width: 125px;
}
.mini_cube {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 4px;
	border: 1px solid #000;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 3px 3px 3px #818181;
	-moz-box-shadow: 3px 3px 3px #818181;
	text-decoration: none;
}
.mc_bp 			{background: #3C6D8D;}
.mc_bp:hover 	{background: #658DA7;}
.mc_mf 			{background: #3BA622;}
.mc_mf:hover 	{background: #6DB95E;}
.mc_ml 			{background: #693A8B;}
.mc_ml:hover 	{background: #8F6DA9;}
.mc_boz 		{background: #920315;}
.mc_boz:hover 	{background: #B95462;}

.bloc_CAD, .bloc_infos {
	float: left;
	background: #E6E4E5;
	padding: 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
	border: 1px solid #E4BB07;
	margin-top: 15px;
	height: 190px;
}
.plug_logo {
	clear: both;
	width: 160px;
	margin-right: 8px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 10pt;
}
.plug_logo img {
	padding-top: 5px;
	width: 97%;
}
.bloc_infos {
	display: inline-block;
}
.plug_desc {
	float: left;
	border-right: 1px solid #2F7513;
	padding-right: 15px;
	width: 384px;
	height: 190px;
}
.plug_desc p, .plug_desc li {
	line-height: 18px;
}
.plug_desc p {
	margin-bottom: 12px;
}
.bloc_infos .plug_achat {
	float: left;
	width: 148px;
	text-align: center;
}
.bloc_infos .plug_achat p {
	margin: 15px 0;
}
.plug_tarifs {
	width: 162px;
	height: 380px;
	text-align: center;
	font-size: 10pt;
}
.plug_tarifs img {
	padding-top: 5px;
	width: 98%;
}
.plug_tarifs a {
	font-weight: bold;
	font-style: italic;
}

/***** // *****/
.plug_old {
	clear:none !important; 
}
.mini_bloc_CAD {
	
}

.bloc_plugCAD {
	width: 70%;
	padding: 12px 1% 0 27%;
	margin: 8px;
	height: 295px;
	display: block;
	text-align: justify;
	background-repeat: no-repeat;
	background-position: top left;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}
.bloc_plugCAD a {
	font-weight: bold;
}
.bloc_plugCAD p.ptigris {
	margin: 0;
}
.plug_batchplot 	{background-image: url(../apps/batchplot/long_BATCH.jpg);}
.plug_majfdp 		{background-image: url(../apps/majfdp/long_FDP.jpg);}
.plug_majxrefs 		{background-image: url(../apps/majxrefs/long_XREF.jpg);}
.plug_blocon0		{background-image: url(../apps/blocon0/long_BOZ.jpg);}
.plug_mkplan 		{background-image: url(../apps/mkplan/long_MK.jpg);}
.plug_mklayouts 	{background-image: url(../apps/mklayouts/long_MKL.jpg);}

.plug_pres {
	max-height: 165px;
	min-height: 165px;
}
.plug_pres p {
	line-height: 19px !important;
	margin-bottom: 10px;
	color: #222;
}
.margin_bloc {
	margin-right: 8px;
}
.plug_detail {
	height: 860px;
	margin-bottom: 10px;
	line-height: 18px;
}
.plug_detail img {
	
}
.plug_detail img, .bloc p {
	margin-bottom: 8px;
	padding: 0;
}
.bloc a, .bloc_plugCAD a {
	font-size: 10pt !important;
	font-style: italic !important;
}
a.button {
	font-size: 11pt !important;
	font-style: normal !important;
}
span.dwl {
	font-size: 90%;
	color: #666;
}
.promo {
	float: left;
	width: 555px;
	text-align: center;
}
.promo h2 {
	clear: both;
	margin: 10px 0 20px !important;
	text-align: center !important;
	font-size: 16pt !important;
}
.promo span.promo_pack {
	color: #2F7513;
	font-style: normal;
	font-variant: small-caps;
}

.promo span.promo_plus {
	padding: 0 10px;
	font-size: 50px;
	font-weight: bold;
	color: #2F7513;
}
.promo img {
	vertical-align: middle;
	width: 85px !important;
	padding-bottom: 10px;
}
.promo p.ptigris {
	margin: 0;
}

/***** mises en formes des plugins gratuits *****/
.gratuit_desc {
	float: left;
	clear: both;
	width: 615px;
	min-height: 120px;
	margin-bottom: 15px;
}
.gratuit_desc p {
	margin-bottom: 5px !important;
}
.gratuit_dwl {
	float: left;
	width: 98px;
	border: 1px solid #E4BB07;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 5px;
	font-size: 10pt;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.gratuit_dwl a {
	text-decoration: none;
}
.gratuit_dwl img {
	width: 80px;
}

/******************************************************/
/* MISES EN FORMES SPECIFIQUES AUX PAGES WEBMASTERING */
/******************************************************/

/***** Mises en forme spécifiques aux mises en pages (layouts) *****/
#layouts .bloc_top {
	width: 97%;
	padding: 1.5% 1.5% 0 1.5%;
}
#layouts .bloc_bottom {
	width: 98%;
	padding: 1%;
}
#layouts .bloc50 {
	width: 352px;
	height: 215px;
	padding: 10px;
}
#layouts .bloc50 p {
	padding: 0 10px;
}
#layouts .bloc50 a.plus_info {
	margin-top: 0;
}
.layout_div {
	display: block;
	float: left;
	width: 140px;
	margin: 10px 7px;
	border: 1px solid #E4BB07;
	text-align: center !important;
	font-size: 10pt;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
}
.layout_div a {
	text-decoration: none;
}
.layout_div img {
	padding: 2px;
	border: 2px solid #fff;
	width: 90%;
}
.layout_div img:hover {
	border-color:#aaa;
	background:#e8e8e8;
}
.layout_div em {
	font-weight: bold;
}
.layout_div em:first-letter {
	text-transform: uppercase !important;
}
.layout_div:hover {
	border: 1px solid #2F7513;
}

/***** Mises en forme page des tarifs *****/
/*** // Partie à supprimer : concerne les "toogle" // ***/
.type_page {
	width: 90%;
	/*height: 100px;*/
	margin: 0 auto 10px;;
	padding: 7px;
	background: #c0c0c0;
	border: 1px solid #E4BB07;
	font-size: 10pt !important;
	margin-top: -5px !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.type_page h4 {
	font-size: 10pt;
	margin-bottom: 5px !important;
}
.type_page p {
	margin-bottom: 0 !important;
}
/*** // ***/

table.packs_web {
	
}
table.packs_web th.center {
	background: #eee;
}
table.packs_web th.center, table.packs_web td {
	padding: 2px;
	border: 1px solid #2F7513;
}
table.packs_web td img {
	width: 14px;
}
table.packs_web img.pack_plus{
	margin-left: 3px;
	width: 12px;
}
table.packs_web td.center {
	width: 17%;
}
table.packs_web tr:hover {
	background: #E4BB07;
}


/***** Mises en forme page "Marketing" *****/
ul.sommaire li {
	clear: both;
	margin-bottom: 10px;
}

/***** Mises en forme page des références  & partenaires *****/

/*** Image aléatoire ***/
#randompics {
	
}
img.chargement {
	width: 149px !important;
	height: 79px !important;
}
.random_apps, .random_web {


}
.random_web, .random_apps {
	width: 180px;
	background: #fff;
	border: 1px solid #E4BB07;
	text-align: center;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 5px 5px 5px #818181;
	-moz-box-shadow: 5px 5px 5px #818181;
}
.random_apps {
	height: 180px;
}
.random_apps img {
	max-width: 165px;
	max-height: 165px;
	padding: 5px;
}
.random_web {
	height: 140px;
}
.random_web img {
	width: 170px;
	height: 130px;
	padding: 5px;
}

/*** Mise en place de l'ANNUAIRE des références ***/

.annu_ref {
	clear: both;
	display: inline-block;
	width: 98%;
	margin: 0 0 10px;
	padding: 8px;
	background: #eee;
	border: 1px solid #E4BB07;
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
}
.div_img {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 15px;
	background: #fff;
	border: 1px solid #E4BB07;
/*	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;*/
}
.annu_ref .div_img img {
	max-width: 145px;
	max-height: 145px;
}

.annu_ref_desc {
	float: left;
}
.annu_large .annu_ref_desc {
	width: 330px;
}
.annu_small .annu_ref_desc {
	width: 100%;
}
.annu_ref_desc a {

}
.annu_ref_desc p {
	margin-top: 8px;
	margin-bottom: 0 !important;
	font-style: italic;
	line-height: 20px;
}

/*** Mise en place des références ***/
/*** Section "Webmastering" ***/
.ref_web {
	clear: both;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	font-size: 10pt;

}
.ref_web p {
	margin-bottom: 5px !important;
}
.ref_web img {
	width: 150px;
}
img.ref_img {
	float: left;
	margin-right: 15px;
	padding: 5px;
	border: 1px solid #2F7513;
	background: #c0c0c0;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
}
.ref_title span {
	font-variant: small-caps;
	font-size: 12pt;
	font-weight: bold;
	font-style: normal;
}

/***** Page "Plan du site / Sitemap" *****/
.sitemap {
	margin-left: 30px;
}
.sitemap li {
	font-size: 10pt;
	margin: 5px 0;
}
.sitemap li a.caps {
	font-style: normal;
	font-size: 12pt;
}

.sitemap li.tree_plus {
	list-style: none !important;
	background: url(../images/tree_plus.gif) no-repeat left 5px;
	padding-left: 15px;
	margin-left: -15px;
}

/***********************************************/
/* MISES EN FORMES SPECIFIQUES AU PIED DE PAGE */
/***********************************************/

.footer {
	clear: both;
	width: 770px;
	margin: 0 auto;
	padding: 8px 0 0;
	font-size: 10pt;
	text-align: center;
}
.footer p {
	padding-bottom: 10px;
}

a > img[title="Hit-Parade"] {
	display: none;
}