/* WEBMASTERS : THEME JOOMLA SOUS COPYRIGHT, TOUTE REPRODUCTION FERA L'OBJET DE POURSUITES
 Thème sous Copyright CAGEC GESTION SARL - All right reserved, Tous droits réservés 2009/2010, Reproductions interdites */

/* BODY ET PSEUDOS-CLASSES
----------------------------------------------- */

body {
	background: #fff url(../images/background.jpg) fixed no-repeat top left !important;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; }

a {
	background: transparent;
	font-weight: bold;
	text-decoration: none;	 }

a:link, a:visited  {
	color:#C06; }
	
a:hover, a:active  {
	color:#C06;
	text-decoration:underline !important;}

/* DIVS DE GABARIT
----------------------------------------------- */	

/* Abbréviations */	
#conteneur, #header, #content, #rightbar, #footer, #conteneur2, body, #menu, .active a {
	background: transparent;
	color: #000; }

li, .entry div, p, ul, form, form p, #logo, #menu ul, #conteneur, #conteneur2, #header, #content, #rightbar, #footer, #conteneur2, body, #menu, #menu li, #menu a:link, #menu a:visited, .right  {
	margin: 0;
	padding: 0; }	

/* divs et gabarits */	
#conteneur {
	margin: 0 auto !important;
	width: 910px; }

#conteneur2 {
	background: transparent url(../images/bc.png) top left repeat-y !important;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	width: 910px;
	height: 100%; }
		
#header {
	padding: 0 5px !important;
	height: 109px;}
	
#before {
	margin: 10px 0 !important; }

#entry {
	margin: 25px 0 0 0 !important; }		
	
#content {
	background: transparent !important;
	padding: 0 10px 0 20px !important;
	width: 630px;
	float: left; }

#rightbar {
	background: transparent !important;
	width: 250px;
	float: right; }

#footer {
	background: #fff url(../images/bf.png) top left no-repeat !important;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;	
	clear:both;
	color: #39c;
	margin: 0 0 0 6px !important;
	padding: 20px !important;
	height: 100px;
	font-size: 10px; }

	
/* CLASSES PRINCIPALES
----------------------------------------------- */

/* Abbréviations */	
h1, h2, h3, .contentheading, .componentheading {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important; }

/* Titres */	
h1, .contentheading, .componentheading {
	color: #39c;
	margin: 10px 0 5px 0;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase; }	

h2  {
	color: #f6c;
	margin: 0;
	font-size: 20px;
	letter-spacing: -1px; }	

h3  {
	margin:0;
	padding: 0 5px 0 0;
	font-size: 18px;
	font-weight:bold;
	letter-spacing: -1px;}	

.componentheading {
	text-align: center !important; }	

.contentitem h2 {
	background: #fff ;
	padding: 5px 15px !important;
	width: 630px !important;
	height: 40px; }
		
/* Paragraphes */
img {
	border: 0; }	

p {	
	margin: 10px 0 !important;	}
	
ul {
	list-style-image: url(../images/puce.gif);
	margin: 10px 0 10px 20px !important; }	

/* Formulaires */
form input {
	background: #fff;
	padding: 2px;	
	border: 1px solid #B3E3FA;
	font: 13px arial, verdana, sans-serif;	}


/* ENTETE DE PAGE
----------------------------------------------- */

/* Logo cliquable */
#logo {
	width: 615px;
	float: left; }

#logo a {
	margin: 0 40px 0 0 !important; }		
	
/* Contact et connexion */
#connexion {
	background: transparent url(../images/bmc.png) top left no-repeat;
	width: 282px;
	float: right;
	height: 109px;}
	
.mod_login	{
	padding: 40px 0 0 10px; }

.mod_login input {
	width: 170px; }

.boutonok {
	background: transparent url(../images/bbs.png) top left no-repeat;
	float: right;
	width: 34px !important;
	height: 34px;
	margin: 5px 30px 0 0;
	border: 0; }
	
/* Menu rollover */
#menu {
	background: transparent url(../images/bm.png) top left no-repeat !important;
	height: 42px;
	margin: 0 4px 0 6px !important; }

#menu ul {
	text-align: center !important;
	margin: 0 !important;	
	padding: 10px 0 0 0 !important;	 }
	
#menu li {
	background: transparent url(../images/sm.png) top right no-repeat !important;
	display: inline !important;
	padding: 0 30px !important;
	text-align: center;
	font-size: 14px;
	letter-spacing: -1px; }	

#menu a:link, #menu a:visited {
	background: transparent;
	color: #fff !important; }	

.active a, #menu a:hover, #menu a:active {	
	color: #ffe773 !important; }
	
		
/* MENUS DE DROITE
----------------------------------------------- */

	
/* CORPS DE PAGE ACCUEIL
----------------------------------------------- */

/* Accueil haut */
.flashintro {
	width: 880px;
	height: 276px; }	

#flash {
	float: left; }
	
#introright {
	float: right;
	height: 266px;
	padding: 10px 20px 0 0; }	

#technique {
	background: #fff url(../images/bt.png) top left no-repeat !important;
	color: #0096E7;	
	font-size: 10px;
	width: 868px;
	height: 125px; }

ul.liste_technique {
	margin: 0 !important;
	list-style-image: none !important;
	list-style-type: none !important;
	width: 150px;
	float: left;
	padding: 15px 25px !important; }	

#colonage {
	width: 880px;
	height: 340px; }
	
.nuagetag, .metiers, .reference, .services {
	float: left !important;
	margin: 0 0 0 0 !important;
	width: 212px; }	

.metiers, .services {
	padding: 84px 5px 0 5px; }

.reference {
	padding: 84px 0 0 0; }
		
.metiers {
	background: #fff url(../images/metiers.png) top left no-repeat; }	

.reference {
	background: #fff url(../images/reference.png) top left no-repeat; }		

.services {
	background: #fff url(../images/services.png) top left no-repeat; }			

/* Section de catégorie */
.categorylist {
	margin: 0 20px 0 0;
	padding: 0 10px;
	float: right !important;
	width: 310px !important;}
	
/* Page références */
.sig_cont {
	display: block !important;
	margin: 10px 0 10px 7px;
	height: 190px !important;
	width: 190px !important;  }
	
/* Cesure Blog */
.contentitem {
	margin: 10px 0 0 0 !important; }

	
/* PIED DE PAGE
----------------------------------------------- */

/* Newsletter */
#mentions {
	float: left;
	width: 450px; }
	
/* Newsletter */
#feedburner, #google {
	color: #000;
	float: right;
	width: 200px;
	padding: 25px 0 0 0 !important;
	margin: 20px 0 0 0; }

.feedcolor, .googlecolor {
	color: #000;
	margin: 5px 0 0 0;	
	border: none !important; }

#feedburner {
	background: transparent url(../images/bn.png) top left no-repeat; }

.feedcolor {
	background: transparent url(../images/bns.png) top left no-repeat;
	width: 65px;
	height: 23px; }	

/* Moteur Google */	
#google {
	background: transparent url(../images/rg.png) top left no-repeat; }

.inputgoogle {
	width: 170px; 
	border: 1px solid #B3E3FA !important;	}	
	
.googlecolor {
	background: transparent url(../images/ok.png) top left no-repeat;
	width: 36px;
	height: 20px; }