/* FICHIER CSS POUR RODIN4D NEWS */
/*******************************/
html { height: 100% }
body { height: 100%; background-color: #f7f7f7; font-family: Arial, Verdana, serif; font-size: 0.75em; line-height: 1.2em; color:#333333; margin:0 }
/*h1 { font-size: 1.2em; color: #FFF; text-align: right; background: url("http://www.rodin4d.com/newsletters/img_global/circle-coin-top-675.png") no-repeat top left; margin:1px 0; padding:0.3em 1em; }*/
h1 { font-size: 1.2em; color: #FFF; text-align: right; background: url("http://www.celinemarchand.fr/rodin4d/circle-coin-top-675.png") no-repeat top left; margin:1px 0; padding:0.3em 1em; }
h2 { font-size: 2em; line-height:1.3em; color: #c50e1f; margin: 0 0 0.2em 1em }
h3 { font-size: 1.2em; margin: 0 0 1em 2em }
p { margin:0; padding: 0.5em 0; text-align:left }
ul { margin: 0 20px 5px 20px; padding: 0 }
a { color: #c50e1f; font-weight: bold; text-decoration: underline }
a:hover { text-decoration: none }

.italics { font-style: italic }
.line { text-decoration: underline }
.small { font-size: 0.75em }
.big { font-size:1.9em }
.gras { font-weight: bold }
.clear { clear:both }
.right { float: right; margin: 0 1em }
.centre { text-align: center }
.droite { text-align: right }
.red { color: #c50e1f }

#top { width:675px; margin:1em auto 0 auto; padding:0 }
#languages { text-align:right; margin: 0.5em 1em }
#languages a img { border: none; padding: 0 0.2em }
#title { background: #FFF; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; margin:0; padding:0; overflow: auto }
#content { background: #FFF; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; margin:0; padding:0 2em 1em 2em; overflow: auto }
#bottom { background-color:#393939; padding-bottom: 2em }
#content-footer { width:675px; margin: 0 auto; background: url("http://www.celinemarchand.fr/rodin4d/circle-coin-bottom-675.png") no-repeat top left; height:50px }
#footer { width:640px; margin: 0 auto; padding-bottom: 1em }
#content-footer p { float:left; padding: 1em 2em; }
#footer a { color: #FFF }
#footer p.small { padding: 0.5em 2.5em }

@media (max-width: 640px) {

body { font-size: 1em }
body:before { content: "Mobile Version"; display: block; text-align:center; color: #777; font-style: italic; padding:1em }
h1 { background-image:none; background-color: #393939; border-radius: 10px 10px 0 0; }
p { text-align: left }
img { max-width: 100%; height: auto; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#top { width: auto; margin: auto; padding: auto; text-align: left }
#content { width: auto; clear: both }
#content-footer { width: auto; height:auto; min-height:3em; margin:auto; background-image:none; background-color: #FFF; border-radius: 0 0 10px 10px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-top:1px solid #cfcfcf }
#content-footer p { font-size: 0.75em }
#content-footer img { width: 2em; height: 2em }
#footer { width: auto }
.hide_mobile { display: none !important }
}