/*
Theme Name: Mediacrossing V3
Theme URI: http://www.mediacrossing.fr/
Description: Theme Mediacrossing.
Version: 1.0
Author: //mediacrossing:
Author URI: http://www.mediacrossing.fr/

This theme was designed and built by //mediacrossing:,
whose site you will find at http://www.mediacrossing.fr/
*/

body {
	margin: 0;
	padding: 0;
	font-family: "Verdana", Lucida, Lucida Grande, sans-serif;
	background: url(images/bg_header.png) top no-repeat #3b3b3b;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	outline: none;
}

#header {
	margin: 0 auto;
	width: 980px;
	height: 93px;
}

#logo {
	margin: 0 0 0 30px;
	padding: 8px 0 0 0;
	width: 302px;
	height: 74px;
	background: url(images/bg_logo.png);
}

#logo h1 {
	margin: 0 0 0 20px;
	font-size: 195%;
}

/* @group Logo MC */

.mediacrossing {
	font-weight: normal;
	text-decoration: none;
}

.logo_purple {
	color: #9016B2;
}

.logo_orange {
	color: #FD8403;
}

.mnm {
	padding: 0 0 0 75px;
	color: #000;
	font-size: 35%;
	line-height: 20%;
}

/* @end */

/* @group Menu */

#menu {
	margin: 0 auto;
	height: 36px;
	min-width: 982px;
	background: url(images/bg_menu.png) repeat-x;
}

/* @end */

/* @group fil d'Ariane */

#filariane {
	margin: 0 0 10px 15px;
	padding: 3px 5px;
	width: 625px;
	color: #575757;
	font-size: 80%;
	border: 1px dotted #757575;
}

#filariane_long {
	margin: 0 0 10px 15px;
	padding: 3px 5px;
	width: 940px;
	color: #575757;
	font-size: 80%;
	border: 1px dotted #757575;
}

#filariane ul li, #filariane_long ul li {
	display: inline;
}

#filariane ul li:first-child:before, #filariane_long ul li:first-child:before {
	content: "";
}

#filariane ul li:before, #filariane_long ul li:before {
	content: "// ";
}

#filariane a, #filariane_long a {
	color: #575757;
}

#filariane a:hover, #filariane_long a:hover {
	text-decoration: underline;
}

/* @end */

#maxi_ban {
	float: left;
	margin: 0 0 20px 20px;
	width: 640px;
}

#sidebar_home {
	float: right;
	width: 290px;
}

#sidebar_home img {
	margin: 10px 0 0;
}

/* @group 404 */

#ban_404 {
	float: left;
	margin: 0 0 0 5px;
	padding: 20px 0 0 0;
	width: 665px;
	height: 314px;
	background: url(images/bg_404.png) no-repeat;
}

#ban_404 h2 {
	margin: 135px 0 0 280px;
	font-size: 80%;
}

.dialogue_404 {
	margin: 0 0 0 180px;
	padding: 1px 3px;
	font-size: 80%;
	font-style: italic;
	color: #757575;
	background: #fff;
}

/* @end */

/* @group Sidebar */

#services {
	float: right;
	margin: 0 20px 20px 0;
	padding: 40px 0 0 0;
	width: 295px;
	height: auto;
	background: url(images/bg-titre-services.png) top no-repeat;
}

#services h3 {
	padding: 0 60px 0 25px;
	height: 24px;
	font-size: 90%;
	color: #fff;
	text-transform: uppercase;
}

.post-meta {
	margin: 0 0 0 15px;
	padding: 0 10px;
	width: 260px;
	color: #f6e0c3;
	font-size: 70%;
	background: #ee8006;
}

.post-meta li {
	margin: 0 0 0 20px;
	padding: 2px 0 5px 0;
	list-style-image: url(images/v.png);
	text-transform: none;
	border-bottom: 1px solid #c56600;
}

.post-meta li a {
	color: #fff;
}

.post-meta li a:hover {
	text-decoration: underline;
}

.post-meta li a:visited {
	color: #9d5100;
}

.post-meta li ul {
	margin: 5px 0;
}

.post-meta li ul li {
	list-style: square;
	border-bottom: 1px dotted #c56600;
}

.post-meta li ul li:last-child {
	border-bottom: none;
}

#services_bas {
	margin: 0 0 0 15px;
	padding: 0;
	width: 280px;
	height: 14px;
	background: url(images/bg-services-bas.png) bottom no-repeat;
}

.schemas_sidebar {
	float: right;
	margin: 10px 20px 20px 10px;
	width: 295px;
	height: auto;
}

#sidebar_int {
	float: right;
	margin: 0 20px 0 0;
	width: 279px;
	height: auto;
}

#sidebar_int li {
	list-style: none;
	padding: 0 0 10px;
}

#conseils {
	float: right;
	margin: 0 20px 0 0;
}

#conseils_haut {
	width: 280px;
	min-height: 135px;
	background: url(images/conseils_sidebar.png) no-repeat;
}

#conseils_haut p {
	padding: 80px 100px 0 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	color: #fff;
}

#conseils_bas {
	width: 280px;
	height: 11px;
	background: url(images/conseils_sidebar_bas.png) no-repeat;
}

/* @end */

#conteneur {
	padding: 20px 0 0 0;
	min-height: 350px;
	height: auto;
	min-width: 982px;
	background: url(images/bg_degrade.png) top repeat-x #c2c2c2;
}

#contenu {
	margin: 0 auto;
	padding: 0 0 20px;
	width: 980px;
	min-height: 100px;
	height: auto;
}

.post {
	clear: both;
	margin: 0 auto 20px auto;
	padding: 0;
	width: 936px;
	background: url(images/bg_points.png) bottom left repeat-x;
}

.post_int {
	float: left;
	margin: 0 0 20px 15px;
	padding: 0;
	width: 640px;
	background: url(images/bg_points.png) bottom left repeat-x;
}

.post h3, .post_int h3 {
	clear: left;
	margin: 10px 0 5px 0;
	padding: 0 0 3px 0;
	min-height: 20px;
	height: auto;
	font-family: "Georgia";
	font-style: italic;
	color: #771b7d;
	border-bottom: 1px dotted #757575;
}

.post h2, .post_int h2 {
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	min-height: 40px;
	height: auto;
	font-family: "Georgia";
	font-style: italic;
	font-size: 210%;
	color: #771b7d;
	background: url(images/bg_points.png) bottom left repeat-x;
}

.post h2 a, .post_int h2 a {
	color: #771b7d;
}

.post h2 a:hover, .post_int h2 a:hover {
	color: #c2c2c2;
	text-decoration: none;
	background: #771b7d;
}

.post p, .post_int p {
	margin: 0;
	padding: 0 3px 10px 0;
	font-size: 80%;
	color: #515151;
	text-align: justify;
}

.post a, .post_int a {
	color: #9016b2;
}

.post a:hover, .post_int a:hover {
	text-decoration: underline;
}

.post p img {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
}

.post_int p img {
	float: left;
	margin: 0 12px 10px 0;
	padding: 0;
}

.marginrightnone {
	margin: 0 0 10px !important;
}

.post ul {
	padding: 0 0 10px 40px;
	font-size: 80%;
	color: #515151;
}

.post_int ul {
	float: left;
	padding: 0 0 10px 40px;
	font-size: 80%;
	color: #515151;
}

.post ul li, .post_int ul li {
	list-style-image: url(images/bg_points.png);
}

.post_acc_bas:last-child {
	margin: 0;
}

.post_acc_bas {
	float: left;
	margin-right: 20px;
	padding: 0 10px;
	width: 292px;
	height: 256px;
	color: #ccc;
	font-size: 80%;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-top: 1px solid #6e6e6e;
	background: #2a2a2a;
}

.post_acc_bas h3 {
	min-height: 25px;
	height: auto;
	font-size: 150%;
	color: #565656;
	border-bottom: 2px dotted #757575;
	background: url(images/bg_h3_footer.png) bottom right no-repeat;
}

.post_acc_bas h3 a {
	color: #565656;
}

/* @group Footer */

#footer {
	padding: 20px 0;
	min-height: 130px;
	min-width: 982px;
	background: url(images/footer.png) top repeat-x #3b3b3b;
}

#div_acc_bas {
	width: 980px;
	min-height: 50px;
	border: 1px dotted #757575;
}

#div_acc_bas {
	margin: 0 auto 20px auto;
	padding: 10px;
	min-height: 35px;
	width: 960px;
	border: 1px dotted #757575;
}

#div_acc_bas ul li {
	float: left;
	margin: 0 52px;
}

#footer_facebook {
	width: 104px;
	height: 35px;
	background: url(images/facebook_dev.jpg) top;
}

#footer_facebook:hover {
	background-position: bottom;
}

#footer_iphone {
	width: 167px;
	height: 29px;
	background: url(images/iphone-developer.png) top;
}

#footer_iphone:hover {
	background-position: bottom;
}

#footer_w3c {
	width: 91px;
	height: 35px;
	background: url(images/w3cert.png) top;
}

#footer_w3c:hover {
	background-position: bottom;
}

#footer_w3css {
	width: 35px;
	height: 35px;
	background: url(images/w3css.png) top;
}

#footer_w3css:hover {
	background-position: bottom;
}

#footer_w3html {
	width: 35px;
	height: 35px;
	background: url(images/w3html.png) top;
}

#footer_w3html:hover {
	background-position: bottom;
}

#infos_footer {
	clear: both;
	width: 980px;
	height: auto;
}

#infos_footer_left {
	clear: both;
	width: 780px;
}

.vcard a {
	color: #757575;
	font-size: 80%;
}

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

.adr {
	color: #757575;
	font-size: 80%;
}

#infos_footer_right {
	width: 200px;
	text-align: right;
}

#infos_footer_right a {
	color: #757575;
	font-size: 80%;
}

#infos_footer_right a:hover {
	text-decoration: underline;
}

#infos_logos_bas {
	margin: 10px 0 0;
	min-width: 500px;
}

#infos_logos_bas a {
	margin: 0 15px 0 0;
	color: #757575;
}

#infos_logos_bas a:hover {
	text-decoration: underline;
}

#infos_logos_bas ul {
	color: #757575;
	font-size: 80%;
}

#infos_logos_bas ul li img {
	margin: 0 5px 0 0;
}

/* @end */

/* @group Contact */

#gform_wrapper_1 {
	float: left;
	margin: 10px 0 20px 0;
	padding: 10px 20px 0 0;
	width: 483px;
}

#gform_wrapper_1 li {
	padding: 0 0 10px 0;
	margin: 0;
	list-style: none;
}

#gform_wrapper_1 textarea {
	width: 400px;
	height: 130px;
}

.gform_footer {
	margin: 0 !important;
	padding: 0 !important;
}

.gfield_required {
	color: red;
}

.gfield {
	width: 403px;
	list-style: none !important;
	margin: 0 0 0 30px !important;
}

.gfield_label {
	font-weight: normal !important;
}

.gfield_error {
	width: 403px !important;
}

.champ_obligatoire {
	margin: 20px 0 0 !important;
	color: red !important;
}

input[type=submit] {
	margin: 0 0 0 20px !important;
	padding: 5px 10px;
	color: #fff !important;
	font-size: 80% !important;
	background: #757575;
	border: 1px solid #757575;
}

input[type=submit]:hover {
	cursor: pointer;
	background: #771b7d;
	border: 1px solid #771b7d;
}

.validation_error {
	margin: 0 !important;
	padding: 0 40px 10px 40px;
	width: 403px;
	font-size: 80%;
	color: #red !important;
	background: url(images/fond-blanc-middle.png) repeat-y;
}

#contact_top {
	width: 483px;
	height: 14px;
	background: url(images/fond-blanc-top.png) no-repeat;
}

.gform_fields {
	width: 483px;
	background: url(images/fond-blanc-middle.png) repeat-y;
}

#contact_bottom {
	width: 483px;
	height: 48px;
	background: url(images/fond-blanc-bottom.png) no-repeat;
}

.validation_message {
	color: #f03908;
}

.sidebar_contenu p{
	padding: 0 0 5px;	
}

.sidebar_contenu small{
	color: #515151;
}

.sidebar_contenu input[type=text]{
	padding: 5px;
	width: 225px;
	color: #AFAFAF;
	border: 1px solid #AFAFAF;
}

.sidebar_contenu input[type=submit]  {
	margin:0 0 0 2px !important;
	padding: 4px;
}

/* @end */

/* @group Plan du site */

/*clear: left;
margin: 10px 0 5px 0;
padding: 0 0 3px 0;
min-height: 20px;
height: auto;
font-family: "Georgia";
font-style: italic;
color: #771b7d;
border-bottom: 1px dotted #757575;*/

.ddsg-wrapper ul {
	padding: 0;
}

.ddsg-wrapper ul li {
	float: left;
	width: 260px;
	padding: 0 30px 30px 10px;
	list-style: none;
	font-family: "Georgia";
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	color: #771b7d;
}

.ddsg-wrapper ul li ul {
	padding: 0 0 0 7px;
}

.ddsg-wrapper ul li ul li {
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	font-family: "Verdana", Lucida, Lucida Grande, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #515151;
	list-style-image: url(images/bg_points.png);
}

.ddsg-wrapper ul li ul li a {
	color: #515151;
}

/* @end */

.bg_vignette {
	clear: both;
	width: 640px;
	height: 223px;
	background: url(images/bg_vignette.png);
}

.vignette {
	margin: 0 10px 10px 0;
	width: 150px;
	height: 223px;
}

#gregory {
	background: url(images/gregory_sprites.png);
}

#gregory:hover {
	background: url(images/gregory_sprites.png) 0 -223px;
}


#sebastien {
	background: url(images/sebastien_sprites.png);
}

#sebastien:hover {
	background: url(images/sebastien_sprites.png) 0 -223px;
}

#thomas {
	background: url(images/thomas_sprites.png);
}

#thomas:hover {
	background: url(images/thomas_sprites.png) 0 -223px;
}

#marion {
	background: url(images/marion_sprites.png);
}

#marion:hover {
	background: url(images/marion_sprites.png) 0 -223px;
}